웹 입문

모듈 시스템

우리는 지금까지 기본 문법부터 비동기 처리, 객체 지향, 함수형 프로그래밍까지 다양한 심화 개념을 학습했습니다. 하지만 실제 대규모 웹 애플리케이션에서는 코드가 수십~수백 파일로 나뉘므로, 이를 효율적으로 관리/재사용하고 의존성을 정리하는 구조가 필요합니다.

IIFE와 CommonJS를 중심으로 모듈 시스템의 판단 흐름을 읽습니다.

핵심 흐름

1

모듈 시스템의 필요성

모듈 시스템이 없던 초기의 자바스크립트는 다음과 같은 문제점들을 안고 있었습니다.

2

자바스크립트의 모듈 시스템 역사

공식적인 모듈 시스템이 없던 시절, 개발자들은 여러 편법과 패턴을 사용하여 모듈과 유사한 기능을 구현했습니다.

3

ES Modules (ESM)

ES2015(ES6)부터 자바스크립트 언어 자체에 내장된 공식적인 모듈 시스템인 ES 모듈(ECMAScript Modules, ESM)이 등장했습니다.

4

이벤트 모델 요약

이번 장에서는 자바스크립트의 모듈 시스템이 왜 필요하며, 어떻게 발전해왔는지, 그리고 현대 자바스크립트의 표준인 ES 모듈을 어떻게 사용하는지 상세히 학습했습니다.