반응형 dynamic import1 Code Splitting - dynamic import, React.lazy(), Suspense Code Splitting 유저의 브라우저가 파싱하는 웹페이지의 규모가 클 때, 로딩이 오래걸리지 않도록 하기 위해 개발자는 당장 필요한 정보를 우선순위로 로딩순서를 조정할 수 있다. 이를 잘 활용하면 아직 로딩중인 홈페이지더라도 티가 나지 않게 하여 좋은 UX(user experience)를 전달할 수 있다. import() 구문 이용 만약 add함수의 크기가 방대해서 import하는데 오래걸린다면 add함수를 사용하기 전까지는 add를 import하지 않는것이 좋다. 사용 방법은 import를 함수형태로 사용한 후 돌아오는 promise에서 모듈을 실행하는 방식이다. 전 import { add } from './math'; console.log(add(2,3)) 후 import('./math').th.. 2021. 11. 5. 이전 1 다음 반응형