[React] 코드 분할, lazy, Suspense
코드 분할(Code Spliting) 모던 웹으로 발전하면서 JavaScript 코드가 방대해지고 무거워짐을 개선하기 위해 런타임 시 여러 번들을 동적으로 만들고 불러오는 것 당장 필요한 코드가 아니면 따로 분리시키고, 필요할 때 불러와서 사용 -> 대규모 프로젝트 앱의 경우에도 페이지 로딩 속도를 개선할 수 있음 번들 분할, 줄이는 법 서드 파티 라이브러리(플러그인, 라이브러리, 프레임워크)는 다양한 메서드를 제공하기 때문에 코드 양이 많아 번들링 시 많은 공간을 차지함 -> 라이브러리를 전부 불러와 사용하지 말고, 필요한 것만 불러와 사용하는 것이 성능 개선에 좋음 // 라이브러리 전부 불러오기 import _ from 'lodash'; _.find([]); // 필요한 메서드만 불러오기 import..
코드스테이츠(SEB_FE_42)
2023. 1. 25. 20:32
공지사항