[Webpack] 번들링의 원리: 수천 개의 모듈은 어떻게 묶을까?
0. 들어가며: 왜 파일을 그냥 올리면 안 될까?프로젝트를 시작하면 우리는 자연스럽게 webpack이나 vite 같은 빌드 도구를 설정한다.너무 당연하게 쓰다 보니, 막상 누군가 근본적인 질문을 던지면 대답이 애매해질 때가 있다.“왜 파일을 그냥 올리면 안 되고, webpack을 써서 ‘번들링’을 거쳐야 하나요?”이번 시간에는 webpack의 수 많은 기능 중에서도 ‘번들링(Bundling)’을 코드와 함께 살펴보겠다.이 글을 읽고나서 webpack의 번들링이 “왜 필요하고” → “내부에서 어떻게 작동하며” → “번들링 결과물의 형태를 이해”할 수 있을 것이다.💡 핵심 요약1. webpack은 브라우저가 모르는 모듈 시스템(import/require)을 이해시켜준다.2. webpack은 의존성 그래프를..
2026. 2. 1.
