모듈

 

여러 파일로 하나의 어플레케이션을 분리할 때, 각각의 파일들을 모듈이라고 부름

1) 모듈 내보내기

• export const func = () => {};
• export const a = 1;

2) 모듈 가져오기

• Import fileObj from ʻ./file.jsʼ;         fileObj .func();
• Import { func, a } from ʻ./file.jsʼ;      func();

3) 모듈 시스템

내보내지 않은 변수는 외부로 노출되지 않아 자원 보호가 가능함

• CommonJS

        const func = require(ʻ./file.jsʼ)

• ES Modules

        Import func from ʻ./file.jsʼ;

 

export const bark = () => {
  console.log('Bow-wow');
};

import { bark } from "./js_basic_01_11_1.mjs";

bark();

// .js로 하면 아래와 같은 에러
// Cannot use import statement outside a module
// To load an ES module, set "type": "module" in the package.json or use the .mjs extension.