commonjs, esmodule 방식

Common JS

require가 동기로 이루어지므로 promise를 return 하지 않는다. CommonJS는 실행해보아야 import, export 에러를 감지할 수 있다.

파일을 import 순서에 따라 순차적으로 완전 실행하므로 변수 값을 할당할 수 있다.

ES Modules

ES6에 도입된 모듈 시스템 모듈을 비동기 환경에서 다운로드하며 import, export를 사용해 분리된 자바스크립트 파일끼리 서로 접근할 수 있다.

모듈을 불러오는 과정은 크게 구성, 인스턴스 화, 평가로 이루어진다.

1. 구성 : 모든 파일을 확인하고 다운로드하고 모듈 레코드로 구문분석한다.

- 모듈이 들어있는 파일을 어디서 다운로드 할 것인지 확인

- 파일을 가져옴(URL을 통해 or 파일 시스템에서)

- 파일을 모듈 레코드로 구문 분석

2. 인스턴스 화 : export된 값을 모두 배치하기 위한 메모리 공간을 찾는다.

- 이 과정은 메모리 공간을 찾고 지정할 뿐 실제 값을 채우진 않는다.

3. 평가 : 코드를 실행하여 변수의 실제 값으로 채운다.