목록vite (1)

gmlwlsl 님의 블로그

Bundle, Bundler에 대하여

1. 번들이란?브라우저는 HTML, JS, CSS, 이미지 등 수많은 파일을 요청해서 페이지를 구성함하지만 요청 수가 많을수록 네트워크 병목이 생기고, 로딩 속도가 느려짐👉🏻 이를 해결하기 위해 여러 파일을 하나로 묶는 과정이 필요함, 그 결과물이 바로 번들(bundle) 1-1. 번들이 필요한 이유는?1. HTTP 요청 수 감소여러 JS/CSS 파일을 개별로 불러오면 매번 네트워크 요청 발생번들을 통해 하나의 큰 파일로 합치면 성능 개선2. 파일 의존성 자동 관리직접  태그 순서 신경 안 써도 됨import, require 등을 통해 모듈 간 의존성을 추적하여 자동 정렬됨3. 코드 난독화 & 압축프로덕션 환경에서는 코드가 압축되고 변수명이 짧아짐 (예: a, b, c)크기 줄고 보안성도 어느 정도 ..
FE 2025. 4. 5. 16:22
이전 Prev 1 Next 다음