React Developer Tools
리액트 공식 사이트에서 찾을 수 있지만 크롬 extention 다운로드 링크를 아래 공유한다.
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 582858083e on 8/24/2021.
chrome.google.com
설치하면 리액트 페이지에서 마우스오른쪽-검사 에서 볼 수 있는 개발자 도구에 새로운 탭이 생긴다
새로운 탭들 중 Components를 클릭해보면 아래와 같이 사이트를 만들 때 사용한 Component들을 확인할 수 있다.
각 Component의 이름을 클릭하면 props도 확인할 수 있고, props의 내용을 바꿔보는 것도 가능하다.
'React' 카테고리의 다른 글
| 생활코딩 React 강의 (6) - 이벤트 (0) | 2021.09.06 |
|---|---|
| 생활코딩 React 강의 (5) - State (0) | 2021.09.03 |
| 생활코딩 React 강의 (3) - 컴포넌트, 다른 파일로 컴포넌트 분리하기 (0) | 2021.08.31 |
| 생활코딩 React 강의 (2) - 개발환경 (0) | 2021.08.26 |
| 생활코딩 React 강의 (1) - React 소개 (0) | 2021.08.26 |