React Developer Tools
다음과 같은 새로운 기능을 제공하고 있습니다.
- Built entirely with React, making it easier to develop and extend
- Firefox support
- Selected component instance is available as $r from the console
- More detail is shown in props in the component tree
- Right-click any node and choose “Show Source” to jump to the render method in the Sources panel
- Right-click any props or state value to make it available as $tmp from the console
- Full React Native support
설치방법 및 사용
Chrome 웹 스토어에서 새 devtools, Firefox용 Firefox 추가 기능 및 Edge용 Microsoft Edge Addons를 다운로드합니다. React를 사용하여 개발하는 경우, 이 devtools를 설치하는 것이 좋습니다. 자세한 설치방법과 사용방법을 아래의 링크를 통해 확인해볼 수 있습니다.
같이보기
'Kit > Chrome extensions' 카테고리의 다른 글
구글 크롬 다크모드 설정방법(+ 확장프로그램 다크 리더) (0) | 2023.01.30 |
---|---|
이미지를 목업으로 쉽게 꾸며주는 확장프로그램 'Screely' (0) | 2022.08.05 |
사이트를 내 마음대로 바꾸는 구글 크롬 확장 프로그램 'Stylebot' (0) | 2022.08.05 |
구글 검색 마케팅 도구 확장프로그램 'Keyword Surfer' (0) | 2022.08.05 |
웹사이트 코드 변경 크롬 확장프로그램 'User JavaScript and CSS' (0) | 2022.08.05 |
구글 애드센스 달러를 원화로 표기해주는 자동 환율 변환 확장프로그램 'Chrome Currency Converter(CCC)' (2) | 2022.08.05 |
구글크롬 다크모드 확장프로그램 'Dark Mode On Chrome' (0) | 2021.01.08 |
페이스북 모든 메세지 일괄삭제(Delete All Messages) (0) | 2020.10.22 |