akjfal

코드 분할 코드 분할 – React A JavaScript library for building user interfaces ko.reactjs.org 번들링 코드들이 import 로 엮여있는 경우 이를 webpack등 툴을 통해 묶어줍니다. 코드 분할 앱의 크기가 커지면 번들도 커지기 때문에 로드가 오래걸릴 수 있습니다. 이를 통해 초기 로딩 비용을 줄일 수 있습니다. import() 동적 import()문을 통해 코드를 분할하는 것이 가장 좋습니다. import("./math").then(math => { console.log(...)})); webpack이 해당 구문을 만나게 되면 코드를 분할합니다. 또한 Next.js도 이를 지원합니다. 만약 Babel을 사용한다면 동적 import를 다른 것으로..