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

54

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

5.3

모듈 객체

모듈을 객체로 가져오면 모듈 리소스를 깔끔하게 가져올 수 있습니다. 이렇게 하면 객체 하

나만으로 여러 곳에 사용할 수 있습니다.

// 파일명: cakeFactory.mjs

import * as Staff from "/modules/staff.mjs";

export const oven = {

makeCupcake(toppings) {

Staff.baker.bake( "cupcake", toppings );

},

makePastry(mSize) {

Staff.pastryChef.make( "pastry", type );

}

}

5.4

외부 소스로부터 가져오는 모듈

ES2015

부터는 외부 소스에서 가져오는 원격 모듈 (예: 서드 파티 라이브러리 )을 쉽게 가져

올 수 있게 되었습니다. 다음 예제는 미리 정의한 모듈을 가져와 활용하는 방법입니다.

import {cakeFactory} from "https://example.com/modules/cakeFactory.mjs";

// 미리 로드된 정적 가져오기

cakeFactory.oven.makeCupcake( "sprinkles" );

cakeFactory.oven.makeMuffin( "large" );

5.5

정적으로 모듈 가져오기

앞 예시에서 보여준 것은 정적 가져오기 ...