코드 분할1 [React] 코드 분할(Code spliting) 코드 분할 개념의 도입 배경 React는 SPA 방식으로서, 사용하지 않는 모든 컴포넌트까지 한 번에 불러오기 때문에 첫 화면이 렌더링될 때 시간이 많이 소요된다는 단점을 지니고 있다. 따라서 사용하지 않는 컴포넌트는 차후에 불러올 수 있도록 코드 분할 개념이 도입되었다. 코드 분할 방법 '동적 불러오기(Dynamic import)' 방식을 사용함으로써 코드 분할이 가능하다. (그 전까지는 '정적 불러오기(Static Import)' 방식을 사용했다.) [Static Import의 예시] /* 기존에는 파일의 최상위에서 import 지시자를 이용해 라이브러리 및 파일을 불러왔습니다. */ import moduleA from "library"; form.addEventListener("submit", e .. 2022. 7. 31. 이전 1 다음