[React] lazy 코드 스플리팅

 

lazy()는 React에서 동적(import) 로딩을 지원하는 함수로, 초기 로딩 성능을 최적화하는 데 사용

 

- lazy()를 사용하면 코드를 필요한 시점에 로드하여 초기 로딩 속도를 줄일 수 있다. 
- 이 방식은 페이지별, 컴포넌트별로 분리하여 성능을 최적화하는 데 유용하다.

 

https://ko.react.dev/reference/react/lazy

lazy – React

 

const Index = lazy(() => import("@pages/Index"));