전역 의존성을 import로 끌어내기
모듈 시스템이 없던 초기의 자바스크립트는 다음과 같은 문제점들을 안고 있었습니다.
의존성을 파일 경계로 고정하는 순서
자바스크립트의 모듈 시스템 역사
모듈 표준 전에는 패턴으로 모듈 기능을 흉내 냈습니다.
ES Modules (ESM)
ES 모듈은 JavaScript의 공식 import/export 시스템입니다.
이벤트 모델 요약
모듈이 의존성과 공개 범위를 나누는 방식을 정리합니다.
모듈 시스템은 파일 사이의 공개 API, 의존 방향, 실행 순서를 정하는 경계입니다. 실제 대규모 웹 애플리케이션에서는 코드가 수십~수백 파일로 나뉘므로, 이를 효율적으로 관리/재사용하고 의존성을 정리하는 구조가 필요합니다.
전역 오염 방지, 의존성 표현, 재사용 범위를 기준으로 IIFE, CommonJS, ES 모듈을 구분합니다.
모듈 시스템이 없던 초기의 자바스크립트는 다음과 같은 문제점들을 안고 있었습니다.
모듈 표준 전에는 패턴으로 모듈 기능을 흉내 냈습니다.
ES 모듈은 JavaScript의 공식 import/export 시스템입니다.
모듈이 의존성과 공개 범위를 나누는 방식을 정리합니다.