코드스플리팅

CSR의 대표적인 초기 로딩속도를 개선하기 위한 작업들을 수행해보았다. 1. React.lazy와 Suspense 적용하기 SPA의 대표적인 단점으로, 최초 로드시 필요하지 않을 수 있는 모든 파일을 다운받기 때문에, 초기 로딩속도가 길어진다는 점이 있다. 이를 개선하기 위한 대표적인 해결방법중 하나가 lazy Loading이다. 동적 load  해당 모듈이 필요할 때만 로드 → 코드 스플리팅(code splitting)과 지연 로딩(lazy loading)을 가능 → 사용자가 특정 페이지나 기능에 접근할 때 필요한 리소스만 다운로드멍냥생활 서비스의 라우트는 다음과 같이 정의되어 있다.const PATHS = { main: "/main", logIn: "/", signUp: "/signup", f..