ESM (ES Module System)

henry·2024년 7월 11일
1

ES 모듈 시스템은 자바스크립트에서 모듈을 사용하고 관리하는 표준 방식.

ES Module System을 사용하기 위해서는
패키지 설정 파일인 package.json에서 추가적인 옵션을 작성한다.

"type:module"

name에 작성된 해당 패키지(section03)는 ES Module System을 사용하도록 하는 설정.

ES Module System을 사용하면 CommonJs Module System을 함께 사용할 수 없다.


함수 내보내는 방식 변경 1 (common Module → ES Module)
require 함수는 ES module의 함수가 아니다. import를 대신 사용하라는 에러 메세지

함수 내보내는 방식 변경 1 (common Module → ES Module)

기존 CommonJS 방식의 모듈 export

ES Module 방식의 모듈 export

함수 가져오는 방식 변경 1 (common Module → ES Module)

기존 CommonJS 방식의 모듈 import

ES Module 방식의 모듈 import

ES Module을 사용할 때에는 불러오는 파일의 확장자를 꼭 입력해줘야 한다.


함수 내보내는 방식 변경 2 (ES Module)

해당 모듈의 기본 함수 설정

기본 함수로 지정



함수명으로만 호출 가능



기본 함수이기 때문에 호출명은 임의로 변경 가능

0개의 댓글