02-7 라이브러리 의존성 관리

라이브러리 의존성

import, export 키워드를 사용한다.

 

import MyModule from './MyModule.js';  // MyModule.js 파일을 default로 참조.

import { ModuleName } from './MyModule.js';  // 모듈 안의 특정 함수 혹은 변수 참조
import { ModuleName as RenamedModuleName } from './MyModule.js';  // 다른 이름으로 변경하여 참조

function Func() {
    MyModule();
}

// 변수나 클래스의 이름을 다른 파일에서 따로 참조할 수 있도록 정의
export const CONST_VALUE = 0;
export class MyClass {}

export default new Func();  // 다른 파일에서 default로 참조하게 되는 항목 정의

• {}로 여러 개를 묶어서 import 및 export할 수 있다. (export {a, b};와 같은 형태로)
• default로 참조할 때는 {}를 사용하지 않는다.

 

1) export { 클래스명 } : 해당 클래스를 객체로 내보냄

2) export new 클래스명() : 클래스의 인스턴스를 내보냄

 

2번째 방법으로 export하면 new 키워드에 의해 해당 클래스의 인스턴스 하나가 만들어지고 그걸 내보낸다.

그래서 이를 import하는 파일에서는 그 인스턴스를 받을 뿐, 해당 클래스의 인스턴스를 새로 생성할 수는 없다.