javascript vs commonjs 모듈 적용 차이점

[ commonjs모듈 적용 기본 구조 ]

 

[ javascript(ES 5~6) 모듈 적용 기본 구조 ]

 

※ javascript( ES5~6 )에서는 지원하는 모듈이 있지만 nodejs 에서 지원하지 않는 모듈를 사용해야할 때가 발생

예) fetch 함수는 javascript에서 기본 제공 하지만 nodejs에서는 "axios" 또는 "node-fetch" 로 대처 해야하는 경우

 

nodejs에서 모듈 사용 방법과 javascript의 모듈 사용 방법이 다르므로 아래의 방법으로 사용

 

1. package.json ( 프로젝트 전역에서 )

아래 그림대로 package.json 파일에 "type" : "module"을 추가하면 해당 프로젝트 폴더에 모두 적용

 

2. 특정 파일에만 적용 ( .mjs 확장자 )

아래 이미지와 같이 필요한 곳 파일의 확장자명을 mjs로 파일 이름만 변경하면 적용 가능