TIL 23.03.24
오늘은 코드분할, React.lazy()와 Suspense에 대해서 공부하였다. 코드분할이란? 코드를 해석하고 실행하는 정도가 느려졌는지 파악해서, 번들을 나눈 뒤에 지금 필요한 코드만 불러오고 나중에 필요한 코드는 나중에 불러오는 아이디어 이를 통하여 대규모 프로젝트의 앱인 경우에도 페이지의 로딩 속도를 개선 가능 React.lazy()와 Suspense() React에서 코드 분할하는 방법은 dynamic import(동적 불러오기)를 사용하는 것이다. Rect.lazy() 통해 컴포넌트를 동적으로 import를 할 수 있어, 사용 시 초기 렌더링 시간을 줄 일 수 있다. 하지만 단독으로 쓰일 수는 없고, React.Suspense 컴포넌트의 하위에서만 React.lazy로 감싼 컴포넌트를 사용할 수..
코드스테이츠
2023. 3. 24. 16:48
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Python
- SEB43
- 코테
- SEB43기
- 프로젝트
- 회고
- 프리프로젝트
- dictionary
- 스택오버플로우
- seb
- 개인 프로젝트
- 감정일기장
- Redux
- 백준
- 브루드포스
- React quill
- 그리디 알고리즘
- 기술면접
- SEB 43기
- 프론트엔드
- useContext
- dfs
- 프로그래머스
- til
- 인적성
- 다이나믹 프로그래밍
- 코드스테이츠
- 감정 일기장
- BFS
- SEB 43
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함