일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바스크립트
- localstorage
- 타입스크립트
- TypeScript
- array
- Reducer
- 비트 연산자
- 알고리즘
- CORS
- 브라우저
- es6
- JavaScript
- 원티드
- 파이어베이스
- state
- 리액트
- Frontend
- Component
- 컴포넌트
- react
- firebase
- v9
- react localStorage
- 프리온보딩
- til
- JS
- 프론트엔드
- axios
- 프로그래머스
- Redux
Archives
- Today
- Total
목록lazy loading (1)
도리쓰에러쓰
[React] 성능잡기1 :: lazy loading / React devtools
1. lazy loading - React도 Component의 로딩속도 등을 향상시킬 수 있는 방법이 존재합니다. 지금처럼 간단한 사이트 만들 땐 체감이 안되지만 사이트가 크면 클수록 꼭 필요합니다. 1️⃣ 함수나 오브젝트는 변수에 담아쓰는 것이 좋습니다. - 아래 코드처럼 이름 없는 콜백함수나 오브젝트를 작성하지 않고, function Cart() { return ( ) } - 아래 코드처럼 Component 바깥에 있는 변수에 저장해서 사용합시다. let 스타일 = {color : 'red'}; function Cart() { return ( ) } : 왜냐 하면, Component가 재렌더링될 때 변수에 저장되지 않은 이름없는 오브젝트나 함수 류의 자료형들은 매번 새로운 메모리 영역을 할당해줘야하..
코딩애플 (React)/기초수업(코딩애플) - 3
2022. 2. 2. 16:05