모듈 내보내기 ,가져오기 두가지방법 CommonJS / ES6

1.  https://www.daleseo.com/js-module-require/

자바스크립트 CommonJS 모듈 내보내기/불러오기 (require)

구형 :  많은 프로젝트에서 ES6 모듈 시스템을 점점 더 널리 사용되고 있는 추세이기는 하지만, 안타깝게도 아직까지 항상 import 키워드를 사용해서 코딩을 할 수 있는 것은 아닙니다. <script> 태그를 사용하는 브라우저 환경에서는 물론이고, NodeJS에서도 CommonJS를 기본 모듈 시스템으로 채택하고 있기 때문에, Babel과 같은 ES6 코드를 변환(transpile)해주는 도구를 사용할 수 없는 상황에서는 좋든 싫든 require 키워드를 사용해야 합니다. 따라서 CommonJS 사용 방법도 어느 정도 숙지하고 있는 것이 도움이 됩니다.

 

 

2.  https://www.daleseo.com/js-module-import/

자바스크립트 ES6 모듈 내보내기/불러오기 (import)

 

 신형 : ES6 모듈 시스템이 좀 더 최신 스팩이다 보니 CommonJS 방식 대비 여러가지 이점들이 있습니다. 우선 import, from, export, default처럼 모듈 관리 전용 키워드를 사용하기 때문에 가독성이 좋습니다. 또한 비동기 방식으로 작동하고 모듈에서 실제로 쓰이는 부분만 불러오기 때문에 성능과 메모리 부분에서 유리한 측면이 있습니다. 뿐만 아니라 앞으로 다룰 Named Parameter와 같이 CommonJS에서는 지원하지 않는 기능들이 있습니다.