[프론트엔드] Webpack 안 쓰면 손해! 모듈 번들링부터 최적화까지 완벽 정리Webpack여러개의 파일을 하나의 파일로 묶어주는 개발 자동화 도구. 즉, 모듈 번들러 모듈이란 쉽게 말해 각 코드를 여러 개의 파일로 분리하여 관리 하는 것이다. ex) 기계의 부품 🙋♀️ 코드를 파일로 모듈화 하는 이유는요?코드 구조화 : 각 모듈별로 역할과 기능을 부여하여 코드를 구조화 시킨다. 필요한 기능을 포함한 모듈을 선택적으로 가져와 사용할 수 있으므로 코드의 복잡성도 줄일 수 있다. 동시에 코드의 가독성을 향상시키고 유지보수를 용이하게 만들어준다. 코드 재사용 : 자주 사용되는 코드를 별도의 파일에 저장하면 필요할때마다 가져와 쓸 수 있다 (중복코드 방지)코드를 개선하면 해당 코드를 가져와 쓰고 있는 ..