오늘은 리액트 관련된 크롬 확장 도구를 설명하려한다.
구글에 React developer tools를 검색... 하면 되지만 쉽게 링크를 걸어두겠다.
React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. Created from revision 1a88fbb67 on 2/16/2023.
chrome.google.com
해당 사이트에 들어가서 크롬에 리액트 추가하기를 눌러 다운받아 주면 된다.
그다음.
주소창에
chrome://extensions
를 입력하거나,
확장도구 설정을 들어가서
React Developer Tools의 세부정보를 누른후,
이 파일 URL에 대한 액세서 허용을 허용해주면..
자신이 만들고있는 react파일 화면에서도 확인이 가능하다.
컴포넌트 단위를 볼 수 있고 세부적인 내용도 볼 수 있으니
React 개발자라면 필수로 설치해야할 확장 프로그램이다.
'IT > 프론트엔드' 카테고리의 다른 글
| [React]JSX와 JSX문법 이해하기 ep.01 (0) | 2023.07.05 |
|---|---|
| [React] 리액트 시작하기, 설치하기 ep.00 (0) | 2023.07.05 |
| [jquery기초]jquery를 활용하여 width,height 변경하기(클릭할때마다 커지는 my-div) (0) | 2023.01.13 |
| [jquery기초]jquery적용법(src,download) (0) | 2023.01.13 |
| [JavaScript]라이브러리 모음,사용법 (0) | 2022.12.29 |