일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- Nextjs React 18
- React18
- Programmers
- Nextjs
- context
- React 18 Nextjs
- background setInterval
- Babel
- notFound()
- background tab
- react hook
- React 고급 안내서
- background setttimeout
- Next13
- Javascript
- react-helmet
- next13 head
- CSS
- React API 참고서
- getUTCDate
- RTK Query
- react
- Render Props
- 고급안내서
- hook
- background: url
- React 공식문서
- codingtest
- React 18
- React 고급안내서
Archives
- Today
- Total
목록고급 안내서 (1)
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를 다른 것으로..
(구)React 공식문서/고급 안내서
2023. 2. 16. 14:43