[React] React 시작하기, 디버깅 하기

React 간단하게 시작하기, 디버깅 하기

1. React 시작하기

https://reactjs.org/docs/add-react-to-a-new-app.html

참고페이지

> npm install -g create-react-app
>  create-react-app my-app
> cd my-app
> npm start

localhost:3000 으로 열린다.

2. React 디버깅 하기(with webstorm)

webstorm 으로 디버깅 하는 방법

npm start 으로 실행 후

Run/Debug Configurations 열기

+ 클릭 하여 Javascript Debug 선택 후

URL에 http://localhost:3000 입력 후 'OK'버튼 클릭

Debug 모드로 실행하면 break point 지정해놓은 곳에 멈추는 것을 확인 할 수 있다.

Chrome dev tool 로도 가능하다.

확장 프로그램 설치 후 Source 탭에서 가능하다.

끝~