ES6
에서 추가되었으며, 웹팩(webpack)과 같은 모듈 번들러 없이 모듈 기능을 사용할 수 있게 해준다.
모듈 기능은 파일 시스템에서는 동작하지 않고, 웹 서버에서만 동작한다.
모듈 사용 시, Entry point
가 되는 파일은 <script>
태그의 type
속성을 'module'로 설정해야 한다.
사용하는 모듈을 명시적으로 import
하므로, 스크립트의 추적이 쉽다.
모듈의 import
는 순서와 무관하므로, 로딩 순서를 신경 쓸 필요가 없다.
전역 오염이 일어나지 않기 때문에 IIFE
를 사용하지 않아도 된다.
이미 이전에 다뤘던 내용이므로, 정리해둔 게시물 링크로 대체하였읍니다.