React Developer Tools 설치

 

React Developer Tools은 React 애플리케이션을 디버깅하고 최적화하는 데 도움이 되는 브라우저 확장도구 이다.

Chrom과 Firfox에서 사용할 수 있고, React 컴포넌트의 구조와 상태를 확인하거나, 상태 변화와 렌더링 성능등을 분석할 수 있는 기능을 제공한다.

 

설치방법

1. 검색창에 React Developer Tools를 검색

 

2. 해당하는 브라우저 링크 클릭

 

3. 웹스토어 확장 프로그램으로 넘어가는데 Add to Chrome를 눌러 추가 한다.

 

 

설치를 하면 개발자 도구 오른쪽 끝에 Components와 Profiler 탭이 나타나고 이를 통해 각 컴포넌트의 구조와 상태를 확인할 수 있다.