번들링(Bundling)

쉬운 설명

여러 자바스크립트, CSS, 이미지 파일을 브라우저가 받기 좋은 묶음으로 만드는 과정.

실제로는 이렇게 만나요

번들링(Bundling)은(는) 실제 작업 흐름에서 Bundler, Vite, Build 같은 개념과 함께 등장합니다.

• 이런 거 할 때 나와요 React, Astro, Next.js 같은 프론트엔드 프로젝트를 빌드하거나 배포할 때 거의 항상 일어납니다.
• 이렇게 생겼어요 번들링(Bundling)은(는) Bundler, Vite, Build 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
• 나오는 화면 예시 빌드 / 최적화 작업을 하다가 Bundler, Vite, Build를 확인하는 화면

헷갈리기 쉬운 점

번들링(Bundling)이 파일을 묶는 과정이라면, 번들러(Bundler)는 그 과정을 수행하는 도구입니다.

왜 알아두면 좋을까요?

React, Astro, Next.js 같은 프론트엔드 프로젝트를 빌드하거나 배포할 때 거의 항상 일어납니다.