findmypiece.tistory.com/16?category=966881 코드 스플리팅(spliting) 리액프 프로젝트를 실제 서버에 배포할 때는 별도의 빌드 작업을 거쳐야 한다. 자바스크립트 파일 안에서 불필요한 주석, 경고메시지, 공백 등을 제거해서 파일의 크기를 최소화하고 jsx문법이 findmypiece.tistory.com 위에서 포스팅 했듯이 리액트 빌드시 웹팩에서 기본적인 코드 스플리팅은 해주지만 프로젝트에서 작성하는 코드들도 한 파일로 합쳐지지 않도록 코드 스플리팅이 필요하다. 그 방법으로 컴포넌트 자체를 지연로딩 하는 방법이 있다. 이를 통해 초기 렌더링에 필요없는 컴포넌트들은 로딩 하지 않아 로딩시간도 짧아지고 트래픽도 절약할 수 있다. 그리고 이렇게 지연로딩 되는 컴포넌트는 웹팩..