본문 바로가기 메뉴 바로가기

코드를 위한 기록

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

코드를 위한 기록

검색하기 폼
  • 분류 전체보기 (242) N
    • Javascript (15)
    • Typescript (6)
    • CSS (5)
    • 기타 (9)
    • 책 (108) N
    • 코드스테이츠(SEB_FE_42) (93)
    • Java(생활코딩) (6)
  • 방명록

react.suspense (1)
[React] 코드 분할, lazy, Suspense

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

코드스테이츠(SEB_FE_42) 2023. 1. 25. 20:32
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바