일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- 자바스크립트
- state
- 브라우저
- Component
- JavaScript
- CORS
- 파이어베이스
- 알고리즘
- 프로그래머스
- TypeScript
- 프리온보딩
- 리액트
- v9
- array
- 프론트엔드
- Redux
- 컴포넌트
- 타입스크립트
- axios
- Frontend
- react localStorage
- react
- es6
- 원티드
- 비트 연산자
- til
- JS
- Reducer
- firebase
- localstorage
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