리액프 프로젝트를 실제 서버에 배포할 때는 별도의 빌드 작업을 거쳐야 한다. 자바스크립트 파일 안에서 불필요한 주석, 경고메시지, 공백 등을 제거해서 파일의 크기를 최소화하고 jsx문법이나 es6 같은 최신 자바스크립트 문법이 브라우저에서 원할하게 동작하도록 트랜스파일 작업을 하기도 한다. 일반적으로 이 작업은 웹팩(webpack)이라는 도구가 담당하는데 별도의 설정을 하지 않으면 프로젝트에서 사용 중인 모든 자바스크립트 파일과 CSS 파일이 각각 하나의 파일로 합쳐진다. 그런데 CRA(create-react-app)로 생성한 프로젝트의 경우 SplitChunks 라는 기능이 적용되어 있어 빌드시 node_modules에서 불러온 파일, 일정 크기 이상의 파일, 여러 파일 간에 공유된 파일을 자동으로 분..
