👉 코드스플리팅
개발을 하게 되면, 하나의 파일에 모든 로직들이 작성되게 된다. 그렇게 되면, 프로젝트의 규모가 커질수록 파일 용량도 커지기 때문에, 인터넷이 느린 환경에서는 페이지 로딩속도도 느려질 수 있다.
코드 스플리팅을 하게 되면, 지금 당장 필요한 코드가 아니라면 따로 분리시켜서, 나중에 필요할 때 불러와서 사용 할수 있다. 이를 통해 로딩 속도를 개선 할 수 있다.
🍗 서버사이드 렌더링과 함께 할 때 문제점
- 서버사이드 렌더링에서는 리렌더링이란게 없다.
- 페이지 깜박임 현상
: 코드 스플리팅과 서버사이드 렌더링을 함께 하게 될 때, 흐름이 다르게 진행되기 때문에 발생
🍳 react-loadable
Loadable의 특징으로는, 로딩중일때 렌더링 할 컴포넌트를 따로 지정할 수 있다.
참고 문서 : velopert - react-code-splitting
TIL record