[Node.js] CommonJS와 ECMAScript

CommonJs Module

현재 포스팅까지 Node.js에서 우리가 사용한 모듈은 CommonJS였다. module.exports로 내보내고 require로 가져오는 것이다. 이 CommonJS는 node.js에서 기본 모듈로 사용되고 있다.

ECMAScript Module

ECMAScript 모듈은 export, import를 이용해서 모듈에서 내보내고 가져오는 Syntax를 이용한다.

ECMAScript Module 특징

- ES 모듈은 JavaScript의 표준이고 CommonJS는 Node.js의 기본값이다.
- 모든 주요 브라우저는 ES 모듈을 지원하며 React 및 Vue.js와 같은 프레임워크에서도 ES 모듈의 가져오기(import)/내보내기(export)를 사용할 수 있다. 이러한 프레임워크는 Babel과 같은 transpiler를 사용하여 이전 Node.js 버전이 기본적으로 지원하는 가져오기(import)/내보내기(export) 구문을 require로 컴파일한다.
-Node.js 13.2.0 버전부터 ECMAScript Module을 지원한다.

ECMAScript란?

ECMAScript는 Ecma 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어이다. 또한 JavaScript는 ECMAScript 사양을 준수하는 범용 스크립팅 언어이다.

ECMAScript 6란? (ES6, ES2015, ECMAScript 2015)

자바스크립트를 사용하다보면 ES6에 대한 얘기를 많이 하게 된다. ES6는 ECMAScript 언어의 6번째 버전이다. ES6는 ES2015라고도 부르는데 그 이유는 2015년에 Ecma 인터내셔널이 ECMAScript를 매년마다 개정하기로 발표했기 때문이다. 따라서 앞으로는 매년 해의 이름을 딴 ECMAScript가 새로 발표될 예정이다.

ECMAScript 버전 중에서 이 ES6가 가장 중요한데 그 이유는 ES6에서 추가된 문법들이 기존의 문제들을 매우 깔끔하게 해결했으며 가독성 및 유지 보수성을 보강하는 문법도 대거 추가됐기 때문이다. 예를 들어서 새롭게 추가된 기능으로는 Promise, Class, Arrow function 등이 있다.

mjs: ECMAScript module을 위한 확장자
import 할 때 mjs 확장자를 써주면 import 문법을 사용할 수 있다.