자바스크립트 + 리액트 디자인 패턴

110

자바스크립트 + 리액트 디자인 패턴

abstractVehicleFactory.registerVehicle('car', Car);

abstractVehicleFactory.registerVehicle('truck', Truck);

// 추상 차량 타입으로 새 자동차를 인스턴스화

const car = abstractVehicleFactory.getVehicle('car', {

color: 'lime green',

state: 'like new',

});

// 비슷한 방법으로 트럭도 인스턴스화

const truck = abstractVehicleFactory.getVehicle('truck', {

wheelSize: 'medium',

color: 'neon yellow',

});

7.8

구조 패턴

구조

Structural

패턴은 클래스와 객체의 구성을 다룹니다. 상속의 개념을 통해 인터페이스와 객

체를 구성하여 새로운 기능을 추가할 수 있는 것처럼 말입니다. 구조 패턴은 클래스와 객체

를 체계적으로 구성하는 최고의 방법과 사례를 제공합니다.

다음은 앞으로 다루게 될 자바스크립트의 구조 패턴들입니다.

■ 퍼사드 패턴

■ 믹스인 패턴

■ 데코레이터 패턴

■ 플라이웨이트 패턴

7.9

퍼사드 패턴

퍼사드

Facade

란 실제 모습을 숨기고 꾸며낸 겉모습만을 세상에 드러내는 것을 뜻합니다. ...