react-starter-kit 으로 React 시작하기

react 폴더 구조와 환경설정에 익숙해지기 위해,

react-starter-kit 으로 빠른 시작을 해볼 것입니다. IDE는 Webstorm을 사용합니다.

npm 은 3.3, node는 5.0 이상의 버전이 필요합니다.

https://github.com/kriasoft/react-starter-kit

위 저장소를 fork 하여 자신의 저장소로 땡겨온 후, Clone 하여 Webstorm 에서 열어주세요.

우리는 Webpack 이라는 모듈 번들러를 사용하겠습니다.

먼저 Webpack을 설치해주시구요.

$ npm install webpack --g

Terminal 탭에서 아래와 같이 입력해주세요.

$ npm install --save react react-dom babel-preset-react

$ webpack 

만약 ES2015 문법을 사용하려면 위에서 babel-preset-es2015  패키지도 함께 설치해야 합니다.

다 하셨다면 $npm install 로 package.json 의 dependency 와 필요한 개발툴을 모두 설치한 후

$ npm start

하신 후 http://localhost:3001 로 접속하시면...

 끝입니다.