react.lazy()와 Suspense

코드스플릿이 뭔가? 그냥 지나쳤던 내용인데 한번 알아보자 컴포넌트를 렌더링하는 시점에 비동기적으로 로딩 할 수 있게 해주는 유틸함수! 일반적으로 lazy를 사용하지않고 home/ktw로 라우팅을 하게되면 아래 그림과같이 모든 파일을 리로딩한다. 하지만, React.lazy()를 사용하면 chunk.js라는 파일이 생성된다. 리액트 내장 컴포넌트로, 코드 분할된 컴포넌트를 로딩 할 수 있도록 ...

지연로딩React코드스플릿React