[react] react dev tools highlighting 기능 (v4 기준)

리액트 데브 툴즈에서 하이라팅 기능을 이용하면 어떤 컴포넌트가 렌더링 되는 지 시각적으로 확인할 수 있다.

 

 

크롬 웹스토어에서 React Developer Tools 를 다운 받고 설치한 후,

리액트로 만들어진 사이트에서 개발자 도구를 열고 Components 탭에서 톱니바퀴를 클릭한다.

 

그리고 Highlight... 를 체크해주면 된다~