React Developer Tools

chrome 웹스토어에서 'React Developer Tools' 확장 프로그램을 설치한 다음 브라우저를 닫았다가 다시 열면 오른쪽 상단에 아이콘이 추가되는데!...

react로 만든 웹페이지를 개발자도구로 보면 element에서는 일반 태그들만 보이고 우리가 작성한 자바스크립트 코드 자체는 보이지않는데, 그럴 때 components 탭을 클릭하면 우리가 만든 컴포넌트를 보여준다. 

값을 변경하면 바로 반영되어 브라우저에 표시되기도 한다!