FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - prototype prototype은 원형정도로 변역되는 객체의 원형입니다.함수는 객체이기때문에 생성자로 사용될 함수도 객체입니다. 객체는 프로퍼티를 가질 수 있고 prototype이라는 프로퍼티는 그 용도가 약속되어있는 특수한 프로퍼티입니다. prototype에 저장된 속성들은 생성자를 통해서 객체가 만들어질 때 그 객체에 연결됩니다. - prototype chain prototype chain 의 개념은 예제를 먼저 보겠습니다. function Ultra(){} Ultra.prototype.ultraProp = true; function Super(){} Super.prototype = new Ultra(); functi..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 상속 객체는 연관된 로직들로 이루어진 작은 프로그램이라고 할 수 있습니다. 상속(inheritance)은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미합니다. 단순히 물려받는것도 있지만 기존의 로직을 수정하거나 변경해서 새로운 객체를 만들수있게 해주는 것이 상속의 주요 역할입니다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } var p1 = new Person('test'); console.log(p1.introduce()); 위의 예제 코드는 아래와 같..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - this this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미입니다. this는 함수가 어떻게 호출하느냐에 따라 가르키는 대상이 다릅니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 연결점의 역할을 합니다. 함수를 호출했을 때의 this 는 무엇을 가르키는지 예제로 확인해보겠습니다. function func(){ if(window === this){ console.log("window === this"); } } func(); 이 예제에서의 this는 전역객체 window와 같습니다. 객체의 소속인 메소드의 this는 그 객체를 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 전역객체(Global Object) 전역객체(Global object)는 특수한 객체입니다. 모든 객체는 이 전역객체의 속성(프로퍼티)라고 할 수 있습니다. function func(){ console.log('Hello?'); } func(); window.func(); 4행의 func(); 과 5행의 window.func() 가 같은 결과값을 출력하고 있는 것을 확인할 수 있습니다. 여기서의 window가 바로 전역객체 입니다. 모든 전역변수와 함수는 사실 window 객체의 프로퍼티입니다. 객체를 명시하지 않으면 암시적으로 window의 프로퍼티로 간주됩니다. var o = {'func':function(){ conso..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 객체생성 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있습니다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부릅니다. var person = {} person.name = 'test'; person.introduce = function(){ return 'My name is '+this.name; } console.log(person.introduce()); 첫번째 행에서는 person 이라는 빈 객체를 만든것입니다. 두번째 행에서는 person 객체에 name 이라는 속성에 'test' 라는 값을 담은 것입니다. 세번째 행은 person 객체에 introduce 라는 속성을..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 객체 지향 프로그래밍 객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍, 패러다 임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것입니다. 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있습니다. 즉 객체지향 프로그래밍은 객체를 만드는것입니다. 따라서 객체지향 프로그래밍의 시작은 객체란 무엇인가를 이해하는 것 이라고 말할수 있습니다. - 문법과 설계 객체지향 프로그래밍 교육은 크게 두 가지로 구분됩니다. - 문법 하나는 객체지향을 편하게 할 수 있도록 언어가 제공하는 기능을 익히는 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. 아래의 예제는 우리가 평소에 알고있는 함수의 형식입니다. function func(){ } func(); 하지만 자바스크립트는 함수를 호출할때 특별한 방법을 제공합니다. 함수는 객체로 취급하고 func는 Function 이라는 객체의 인스턴스 입니다. 즉 func는 객체 Function이 가지고 있는 메소드들을 상속하고 있습니다. 이번글에선 Function.apply을 알아보겠습니다. - apply function sum(arg1, arg2){ return arg1+arg2; } console.log(sum(1,2)); console.log(sum.apply(null, [1,2])); 함수 sum은 Function 객체의 인스턴..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - arguments 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있습니다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있습니다. arguments는 함수안에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 일종의 배열입니다. 예제로 살펴보도록 하겠습니다. function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ console.log(i+' : '+arguments[i]); _sum += arguments[i]; } return _sum; } console.log('result : ' + sum(1,2,3,4)); 함수 sum은 ..