도도의 IT이야기

Mixin 함수 우선 지금까지 inheritance를 이용해 속성들을 상속받는 방법을 알아봤습니다. function Machine(){} Machine.prototype = { material : 'matal', fuel : 'gasoline', engineOn : function(){return "출발";} } function Car(brand, color){ this.brand = brand; this.color = color; } Car.prototype = Object.create(Machine.prototype); Car.prototype.wheels = 4; Car.prototype.constructor = Car; function Scooter(brand, color){ this.brand ..

복습시작 그전에 new의 역활을 정리하자면 1. 비어있는 객체를 만든다 {} 2. 생성자의 this를 비어있는 객체에 bind한다 3. 비어있는 객체에 __proto__라는 속성을 만든다. __proto__는 객체를 만든 생성자의 프로토타입 속성을 포인트한다. 4. 생성자가 비어있는 객체에 새로운 속성을 파라미터로 받은 값으로 지정해 준 다음에 this(객체)를 return한다 다른 역활을 간단한지만 3번은 이해하기가 어렵다 그러니 그림으로 표현해보자 이렇게 모든 객체안에는 __proto__라는 속성이 있고 이 __proto__는 상위 객체에서 상속받은 속성들을 나타낸다. 이거 두 개만 기억하자 1. __proto__가 가리키는 속성들이 곧 객체에 상속되는 속성들이다. 2. literal notation..

자바스크립트는 객체지향 프로그램이라는 말이 있을 정도로 자바스크립트에서 객체는 굉장히 중요한 부분을 차지합니다. 객체(Object) 뜻 우선 객체란 말이 너무 어렵군요. 저는 코딩을 공부하기 전에 객체라는 단어가 존재하는지도 몰랐습니다. 객체를 알기위해선 객체가 영어로 무엇인지 알아야합니다. 객체는 영어로 "Object" 즉 물건이라는 뜻 입니다. 그렇습니다. 객체란 물건을 의미하는 것이죠. 이게 무슨 개소리야? 이런 소리를 하신 분들도 있으겁니다. 그러니 이해하기 쉽게 코드를 예로 들면서 설명해봅시다. 그 전에 한 가지 물건이나 사람 아무거나 떠올려 봅시다. 마침 밖에 차가 있으니 저는 차를 선택하겠습니다. 그럼 밖에 있는 차에 대해 설명을 해보겠습니다 1. 바퀴가 네개있다. 2. 차는 검정색이다. 3..