[React] React Developer Tools 설치 및 사용방법

 

 

# 01. React Developer Tools 설치

 

1. Chrome Browser에서 설치

 

크롬 웹 스토어 : https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko

[Chrome]에 설치 버튼을 클릭한다.

 

 

`React Developer Tools`을(를) 추가하겠습니까? 팝업창이 오픈되면

[확장 프로그램 추가] 버튼을 클릭한다.

 

 

React Developer Tools이(가) Chrome에 추가되었다.

 

 

2. Firefox Browser에서 설치

 

Firefox Add-ons : https://addons.mozilla.org/en-US/firefox/addon/react-devtools/

[Add to Firefox] 버튼을 클릭한다.

 

 

React Developer Tools 추가 팝업창이 오픈되면

[추가 (A)] 버튼을 클릭한다.

 

 

React Developer Tools 확장 기능이 추가되었습니다. 팝업창이 나타나면

[확인] 버튼을 클릭한다.