[React] 크롬 React 디버깅 툴 설치 방법 (React Developer Tools)


[React] 크롬 React 디버깅 툴 설치 방법 (React Developer Tools)

React 사용시 개발자모드 Elements 탭에서는 브라우저가 이해하는 코드를 보여주기 때문에 우리가 React를 사용하여 스크립트로 작성한 컴포넌트 구조를 정확히 볼 수 없다. React Developer Tools를 사용하게 되면, 크롬 웹에서 개발자 모드로 컴포넌트(Components) 구조를 볼 수 있고 변경하면서 테스트에 용이하다. 링크 https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revi..


원문링크 : [React] 크롬 React 디버깅 툴 설치 방법 (React Developer Tools)