번들러가 뭐야 — Webpack·Vite 쉽게 이해하기
번들러는 흩어져 있는 여러 코드 파일을 브라우저가 빠르게 불러올 수 있게 하나로 묶어주는 도구입니다.2026년 7월 기준, AI에게 "웹 프로젝트 만들어줘"라고 하면 대부분 이 번들러가 뒤에서 조용히 돌아갑니다.이 글을 읽으면 번들러가 왜 필요한지, Webpack과 Vite가 뭐가 다른지, 그리고 AI 코딩과 무슨 상관인지까지 한 번에 이해할 수 있습니다.번들러는 흩어진 코드 파일을 하나로 포장하는 택배 포장기입니다. 파일이 수십, 수백 개로 늘어나도 브라우저는 잘 정리된 묶음 몇 개만 받으면 되니 훨씬 빨라집니다.번들러는 왜 필요할까요즘 웹사이트 하나를 만들면 코드 파일이 정말 많아집니다.화면을 그리는 파일, 버튼을 움직이는 파일, 남이 만든 부품을 가져다 쓰는 파일까지 금방 수십, 수백 개가 됩니다...
서버·개발/코드 노트
2026. 7. 21. 21:13
