반응형
리액트 개발자 도구를 알아보자
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. Created from revision 2468a8735 on 5/19/2023.
chrome.google.com
파이어폭스에서도 가능하지만 크롬에서 사용할 것을 강력하게 추천한다
간단하게 설치 완료
설치하게 되면 Components와 Profiler라는 탭을 갖게 된다
위의 컴포넌트에서는 리액트 컴포넌트만 볼 수 있다
useState가 리액트 훅이고, 리액트 개발자 도구에서 Hook section을 보면 state를 확인할 수 있다
이 익스텐션은 리액트를 분석하고 디버깅하는데 유용하다
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
| 98: 모듈 소개 [섹션 8. 연습 프로젝트 완료] (0) | 2023.06.06 |
|---|---|
| 97. 모듈 리소스 (0) | 2023.06.06 |
| 95. 중단점(breakpoint) 작업하기 (0) | 2023.06.06 |
| 94. 코드 흐름 및 경고 분석 (0) | 2023.06.06 |
| 93. 리액트 오류 메시지 이해하기 (0) | 2023.06.06 |