export와 import로 파일의 공개 API와 의존성을 나눕니다.
ES module은 각 파일이 독립된 스코프를 가지며 export한 값만 다른 모듈에서 import할 수 있습니다. 브라우저의 script type=module은 자동으로 지연 실행되고 strict mode가 적용됩니다. import()는 필요할 때 Promise로 모듈을 불러옵니다.
코드를 읽을 때는 export function add(){} import { add } from "./math.js"; 부분부터 찾으세요. 현재 값과 실행 순서를 줄마다 적어 보면 문법을 외우지 않아도 결과를 예측할 수 있습니다.
파일과 기능의 책임을 나누고 배포 결과를 예측 가능하게 만들 때 필요한 기준입니다. 공개 API, 실행 환경과 의존성 방향을 명시하세요.
실행하기 전에 예상 결과를 짧게 적은 뒤 모듈에 summary 함수를 export하고 동적 import 뒤 호출하세요. 실제 출력이 다르면 콘솔에 처음 나타난 오류와 그 직전 값을 차례로 확인하세요.
브라우저 module 경로에는 파일 확장자와 정확한 상대 URL이 필요한 경우가 많고 로컬 file URL보다 개발 서버에서 확인해야 합니다.
직접 바꿔보세요모듈에 summary 함수를 export하고 동적 import 뒤 호출하세요.