번들러(Bundler)란? 대표적으로 Webpack, Rollup, Parcel 등이 있습니다. React 프로젝트 생성을 위해 CRA(Create-React-App)를 사용하면 Webpack과 Babel같은 설정들이 세팅되어져 있습니다. 웹 애플리케이션을 구성하는 여러개의 자원들을 하나로 병합, 압축해주는(번들링) 도구입니다. 번들러가 필요한 이유 초기 웹서비스는 규모가 크지 않아 이를 구성하는 파일(HTML, CSS, JS등)의 크기도 지금에 비해 작아 번들러 없이도 서비스를 유지 하는데 무리가 없었습니다. 하지만 웹서비스의 복잡도가 증가하면서 수십 수백개의 JS 파일을 다루면서 문제들이 발생했습니다. 문제들은 다음과 같습니다. 중복된 이름으로 인한 에러 자바스크립트의 변수는 기본적으로 전역 범위를 ..