JavaScript 모듈은 import와 export로 코드의 의존성과 공개 항목을 명시하는 단위이다.
원리
모듈은 자체 범위를 가지며 내보낸 값만 다른 모듈에서 명시적으로 가져올 수 있다. 브라우저와 서버 런타임은 로딩 경로와 설정에서 차이가 있다.
예시
날짜 변환 함수를 한 파일에서 export하고 화면 처리 모듈에서 import해 중복 구현을 줄일 수 있다. 브라우저에서는 모듈 스크립트로 로딩한다.
주의할 점
파일 확장자만 바꿨다고 모든 환경에서 같은 방식으로 실행되지는 않는다. MIME 타입, 경로 해석, 교차 출처 정책과 순환 의존성을 확인해야 한다.