모듈 시스템

코드를 나누고 합치는 방법, CommonJS, ESM, 번들링, tree-shaking을 시각화합니다

1. 01

   모듈이 필요한 이유

   전역 스코프 오염과 이름 충돌 문제를 해결하기 위해 모듈 시스템이 어떻게 발전해왔는지 살펴봅니다

2. 02

   CommonJS와 ESM

   Node.js의 CommonJS와 ES Modules의 동작 방식, 핵심 차이점, 그리고 상호 운용 방법을 비교합니다

3. 03

   번들링과 Tree-shaking

   번들러가 모듈을 하나로 합치는 과정과, ESM의 정적 구조를 활용한 tree-shaking의 원리를 시각화합니다

4. 04

   순환 참조

   모듈 간 순환 참조가 발생했을 때 CommonJS와 ESM 각각의 동작 방식, 문제점, 그리고 해결 전략을 살펴봅니다