beomy

React는 강력한 Composition model을 가지고 있기 때문에, 상속(Inheritance) 대신에 조합(Composition)을 사용하는 것이 좋습니다. 이번 포스트에서 React의 Composition을 이야기 하기 위해 간단한 Dialog 예제를 만들어 보겠습니다. 참고 - IS A 형태의 상속(Inheriance) class String extends Object { // 메소드 ... } 위의 String 클래스와 Object 클래스의 관계를 보면, String IS A Object 관계가 됩니다. 위와 같이 IS A 관계 일 때 Inheritance를 사용해야 합니다. - HAS A 형태의 조합(Composition) class BurgerSet { Burger name; }위의 B..

클래스(Class) 자바스크립트는 자바와 달리 class가 존재하지 않습니다(ES6에서는 존재). 하지만, prototype을 사용하여 class를 구현할 수 있습니다.([자바스크립트] 프로토타입(Prototype) 참고) function Animal () { this.name = "없어요" } Animal.prototype.getName = function () { console.log(this.name); } - 코드 1 - 코드 1은 class를 prototype으로 구현한 기본 형태 입니다. 상속(Inheritance) 위에서 말씀 드렸던것과 같이 자바스크립트는 상속 또한 존재하지 않습니다. 하지만, 역시 마찬가지로 prototype을 사용하여 상속을 구현할 수 있습니다.([자바스크립트] 프로토타..