본문 바로가기
  • 실행력이 모든걸 결정한다
Frontend/React

[React] Component 단위로 요소 검사하기

by 김코더 김주역 2020. 9. 23.
반응형

chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=en

 

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision fed4ae024 on 7/15/2020.

chrome.google.com

Chrome 에서 이 툴을 추가한다.

요소 검사에 들어가면 Components 라는 메뉴가 추가 되었음을 알 수 있다.

 

본인은 Subject 라는 이름의 컴포넌트를 만들었고

 

Components에 들어가니 App에 Subject라는 하위 컴포넌트가 추가 된 것을 볼 수 있었다.

반응형

댓글