일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 그레이들
- db
- DFS
- Database
- network
- Algorithm
- DP
- 동적 계획법
- 자바
- 리트코드
- TypeScript
- BFS
- 안드로이드
- java
- git
- react
- 백준
- LeetCode
- Python
- frontend
- 프로그래머스
- 알고리즘
- Graph
- Data Structure
- Javascript
- VIM
- Redux
- 다이나믹 프로그래밍
- CS
- vscode
Archives
- Today
- Total
늘 겸손하게
React 앱 성능 최적화 1 - React Developer Tools 확장 프로그램 설치 본문
Toy Projects 기록/Korea Crime Graph
React 앱 성능 최적화 1 - React Developer Tools 확장 프로그램 설치
besforyou999 2023. 10. 23. 16:24
성능 최적화 필요한 이유
당연하게도 사용자 입장에서 가볍고 빠른 앱을 사용하기가 더 편리하다.
React 앱 또한 성능 최적화를 위한 기능들이 존재한다.
개발한 프로젝트를 최적화하여 더 빠르고 가벼운 앱으로 업그레이드 해보자.
프로젝트 최적화를 위해선 성능 테스트를 바로바로 가능한 확장 프로그램이 필요하다.
무료 확장 프로그램인 React Developer Tools를 브라우저에 설치하자.
확장 프로그램 설치
구글에 'React Developer Tools'를 입력하면 chrome 웹 스트어에서 다운로드 받을 수 있다.
'Toy Projects 기록 > Korea Crime Graph' 카테고리의 다른 글
vscode csv 파일 데이터 깨짐 (0) | 2023.10.25 |
---|---|
github page 배포 환경에서 환경변수 설정 (1) | 2023.10.24 |
React 앱 성능 최적화 4 - useCallback (1) | 2023.10.23 |
React 앱 성능 최적화 3 - React.memo (0) | 2023.10.23 |
create-react-app env 파일 undefined로 읽히는 문제 (0) | 2023.10.17 |