점미의 스터디 점미의 스터디

상속 - https://opentutorials.org/course/743/6572 상속(inheritance)이란 원래객체가 가지고 있는 기능을 상속받는 객체가 사용할 수 있다는 뜻이다. 자바스크립트에서 상속의 사용법을 알 수 있는 예제이다.(->이렇게 사용하면 상속이되는구나 라고 이해하는 예제)이예제는 부모객체와 자식객체의 기능이 같은 예제이다.function Person(name){ this.name = name;}Person.prototype.name=null;Person.prototype.introduce = function(){ return 'My name is '+this.name; } function Programmer(name){ //Programmer생성자를 만들었다. this.name..

this - https://opentutorials.org/course/743/6571 this는 함수 내에서 함수 호출 맥락(context)를 의미한다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 한다. this는 전역객체인 window와 같은 것을 확인 할 수 있다. function func(){ if(window === this){ //웹브라우저 자바스크립트에서 전역객체의 이름이 window이다. document.write("window === this"); }}func(); //결과값은 window ===t..

전역객체 - https://opentutorials.org/course/743/6577 전역객체(Global object)는 특수한 객체다. 모든 객체는 이 전역객체의 프로퍼티다. function func(){ alert('Hello?'); }func(); // window.func()와 같은 의미이다.window.func(); //window는 객체라는 의미이며 func은 속성이 함수이기때문에 메소드이다. window는 전역객체이다.func();와 window.func();는 모두 실행이 된다. 모든 전역변수와 함수는 사실 window 객체의 프로퍼티다. 객체를 명시하지 않으면 암시적으로 window의 프로퍼티로 간주된다. 자바스크립트에서 모든 객체는 기본적으로 전역객체의 프로퍼티임을 알 수 있다. v..

생성자와 new - https://opentutorials.org/course/743/6570 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부른다. 아래는 객체, 프로퍼티, 메소드를 생성한 예제이다.var person = {} //비어있는 객체를 만든다.person.name = 'egoing'; //객체에 name프로퍼티를 만들고 'egoing'문자열을 넣는다는 뜻이다. person.introduce = function(){ //introduce프로퍼티안에 메소드가 담겨있는 것이다. return 'My name is '+this.name; //this는 메소드가 포함되어 있는 객체인 person이며 thi..

객체지향 프로그래밍 - https://opentutorials.org/course/743/6553 객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것이다. 이 객체들을 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있다. 다시 말해서 객체지향 프로그래밍은 객체를 만드는 것이다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것이라고 할 수 있다. 말이 어렵게 느껴지는 이유는 그것은 아직 객체 지향에 대한 체험이 없기 때문이다. 객체지향 프로그래밍을 학습하는데 장애 중의 하나는 번역이다. Ob..

함수의 호출 - https://opentutorials.org/course/743/6550 아래는 기본적으로 함수를 정의하고 호출하는 방법function func(){}func(); 아래는 함수를 호출하는 특이한 방법이다.function sum(arg1, arg2){ return arg1+arg2;}alert(sum.apply(null, [1,2])) // sum은 함수이기때문에 자바스크립트가 가지고 있는 메소드를 가질 수 있다. apply는 자바스크립트의 내장메소드이다. sum.apply(null, [1,2])을 사용하면 sum(1,2)으로 함수를 호출한 것과 같은 결과이다.sum.apply(null, [1,2]) 이것은 sum(1,2) 이것과 같은 결과 이므로 간단하게 함수를 호출할때는 사용하는 것을..

arguments - https://opentutorials.org/course/743/6548 arguments란 함수에서 인자와 관련된 정보를 가지고 있는 객체 사용방법은 배열과 유사해서 유사배열이라고 한다. 매개변수 - function sum(a) 에서 a이다.인자 - a(1) 처럼 호출하는 곳에서 정하는 값이다. 즉 인자를 매개변수로 전달한다고 생각하면 된다. function sum(){ //인자가 몇개 들어올지 모르기 때문에 비워두고 안에있는 for문으로 인자의 개수를 체크한다. var i, _sum = 0; for(i = 0; i < arguments.length; i++){ //arguments는 자바스크립트가 가지고 있는 특수한 유사배열 객체이다. arguments는 인자로 전달받은 인자의..

클로저 - https://opentutorials.org/course/743/6544 클로저(closure)는 내부함수가 외부함수의 맥락에 접근 할 수 있을 것을 가르킨다. 함수안에서만 사용되는 함수를 선언할 때 외부함수, 내부함수를 이용하여 사용한다.function outter(){ function inner(){ var title = 'coding everybody'; //내부함수에 정의되어 있는 지역변수이다. alert(title); } inner();}outter();outter는 외부함수, inner는 내부함수이다. 아래는 클로저의 코드예제이다.function outter(){ var title = 'coding everybody'; //외부함수에 정의되어 있는 지역변수이나 내부함수에서 사용할 ..