자바스크립트 기초 D3 - ESM

ESM (ES Module)

1. .js 파일 확장자에 ES 모듈 문법이 작성되어있으면 ES module.
2. .mjs로 파일 확장자를 설정하여 ES module 문법이 아니면 ES Lint가 경고를 한다.
3. Node.js 는 자바스크립트 파일들을 default로 CommonJS 모듈로 인식하므로 프로젝트 디렉토리 내 모든 자바스크립트 파일을 ESM으로 인식하게 하려면 package.json에 수동적으로 설정해야한다.

// package.json
{
  "type": "module"
}

4. CommonJS는 동기적으로 모듈을 불러오지만 ESM은 비동기적으로 모듈을 로딩한다.
5. 브라우저는 ESM은 지원하나 CommonJS는 지원하지 않으므로 브라우저 환경에서 CommonJS를 쓸 경우 오류가 난다.
6. 브라우저는 mjs 확장자를 그대로 인식하여 자바스크립트 코드를 처리할 수 있다.