[React] Node.js + React -- 2. 개발환경 구축

목차

2017/04/13 - [Programming/React] - [React] Node.js + React -- 1. 초간단 프로젝트 만들기

이전 포스팅만으로 React를 이용한 front end 개발을 하기위한 준비는 모두 마쳤다.

(Raspberry pi에 설치한 것만 아니라면 대략 5분쯤 걸렸으려나... 아참, raspberry pi에서 Node.js를 설치하는 방법은 부록으로 나중에 포스팅 해야겠다.)

$ npm start

- 이 커맨드를 날리면, dev향 서버를 띄우게 되는데, 우리가 전에 봤던.. 그 원자력(?)모양의 아이콘이 돌돌 돌아가는 기본 페이지가 뜬다.

- express(express도 node 앱을 만들어준다. 물론 주된 사용은 라우팅)를 사용했다면 "Welcome to Express!!"라는 문구만 덩그러니 보이는데, create-react-app을 사용하니 시작부터 뭔가 블링블링하구만!

To get started, edit src/App.js and save to reload.

- React 어플을 개발하는 데에서 가장 처음에 할 일은 App.js를 수정하는 것이다.

- App.js를 수정하기위해서는 간단히 메모장으로도 할 수 있겠지만, 지금이 쌍팔년도도 아니고....... 개발환경을 구축해보자.

1. 개발환경

- Editor : Visual Studio Code (예전엔 Atom으로 했으나... Visual Studio Code가 나오면서 바로 갈아탔다. 훨씬 가볍고, 자동완성도 더 지능적이다. 물론 atom같은 타격감은 없어 ㅜㅜ)

- Browser : Firefox (react debug기능이 chrome보다 낫다. 개발한다는 사람이 explorer쓰는일은 없겠지?)

- 터미널 : iTerm2 (Mac을 사용하기때문에... 우분투 기본 터미널도 매우 좋다. 윈도우에선? 하아..... 윈도우로는 공부 말고 게임이나..)