module 모듈 시스템은 2015년에 표준. 모듈은 단지 파일 하나에 불과합니다. 스크립트 하나는 모듈 하나입니다.
분리된 파일 -> module
대개 클래스 하나 or 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나.
script 태그에 type="module" 어트리뷰트를 추가해주면, 이 파일은 모듈로서 동작합니다.
<script type="module" src="index.mjs"></script>
모듈 스코프에서 정의된 이름은 export 구문을 통해 다른 파일에서 사용할 수 있습니다.
주의할 점이 한 가지 있습니다. import 구문과 export 구문은 모듈 간 의존 관계를 나타내는 것일 뿐, 코드를 실행시키라는 명령이 아니라는 것입니다.
모듈은 자신만의 스코프가 있습니다. 따라서 모듈 내부에서 정의한 변수나 함수는 다른 스크립트에서 접근할 수 없습니다.
참고 :
https://helloworldjavascript.net/pages/293-module.html
https://ko.javascript.info/modules-intro
https://velog.io/@widian/%EC%9B%B9%EC%97%90%EC%84%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
728x90
300x250