목록2026/03 (1)
IT의 IT 블로그
번들러 동작 원리 이해하기
안녕하세요.이번 글에서는 번들러가 내부에서 어떻게 동작하는지를 구조적으로 정리해보려고 합니다.프론트엔드 프로젝트를 진행하다 보면 Webpack, Vite, Rollup 같은 번들러를 자연스럽게 사용하게 됩니다. 하지만 대부분은 “빌드 도구” 정도로만 이해하고 실제로 번들러가 내부에서 어떤 과정을 거치는지는 깊이 생각해보지 않는 경우가 많습니다.번들러는 단순히 여러 파일을 하나로 합치는 도구가 아닙니다.실제로는 다음과 같은 작업을 수행합니다.모듈 간 의존성을 분석해 의존성 그래프(Dependency Graph) 를 생성하고사용하지 않는 코드를 제거하는 트리쉐이킹(Tree Shaking) 을 수행하며필요한 코드만 로딩할 수 있도록 코드 스플리팅(Code Splitting) 을 적용합니다.이번 글에서는 번들러..
Frontend Basic (기초 이론)
2026. 3. 15. 23:57