웹팩
-
[React] 번들링과 웹팩codeStates front-end/React 2023. 3. 20. 17:20
HTML 삽입 미리보기할 수 없는 소스 📌 번들링과 웹팩 📍번들링 "사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음" 사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 프론트엔드 개발자가 번들링한 여러 파일을 받고, 이 파일을 브라우저가 실행하여 멋진 웹 애플리케이션을 사용자에게 제공 🔗 번들링의 필요성 변수 간의 충돌 인터넷 속도가 느린 국가의 모바일 환경에서 사용자의 불편 호소 떨어지는 가독성 배포 코드의 쉬움으로 인한 보안 문제 📍Webpack "프론트엔드 애플리케이션 배포를 위해 가장 많이 사용하는 번들러" 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러를 의미한다. 웹팩은 주요 구성 요소인 로더(loader)를 통해 다양한 파일도 번들링이 가능하다. 빌드와 번들링 💁♂️ 빌드..