[컴][javascript] React 의 chrome development tool 을 local file 에서도 사용하자.

reactjs / react 의 개발자 툴 / react 개발자 툴 로컬에서 사용하기 / local 에서 사용하기

React 개발자 툴

React 에서 개발자 툴을 제공한다. chrome 과 firefox 의 plugin 이 모두 존재한다. 개인적으로 chrome 에 익숙해져 있고, 개인적인 판단에 개발자 툴은 chrome 이 훨씬 낫다고 느낀다. 여하튼 그래서 React 의 development tool 을 사용해 보자.

• React Chrome Developer Tools | React

Download

아래 경로에서 다운로드 할 수 있다.

• React Developer Tools - Chrome 웹 스토어

그러면 react 를 사용하는 page 에 접속했을 때 아래 화면 처럼 "개발자 도구"에 React tab 이 보인다.

local file test

참고로, local file 에서 테스트 해본 결과 local 의 page 에 대해서는 React tab 을 보여주지 않았다. server 를 통해 받아오는 page 에서만 동작하는 듯 하다. 그래서 local 을 위해 간단한 static file server 를 띄워서 사용했더니, 잘 동작했다. python 을 통한 간단한 server 의 실행은 아래 경로를 참고하자.

• static server with python : http://i5on9i.blogspot.kr/2014/05/simplehttpserver.html