리액트 네이티브 프로젝트를 시작해보자. (1)

리액트 네이티브를 테스트 해보기 위해 샘플앱을 제작하기로 했습니다.

그 준비 과정을 적어두기 위해 블로깅합니다.

풀 리액트 네이티브 앱이 아닌 안드로이드, ios의 네이티브 코드와 함께 사용하기 위한 방법입니다.

Node, Watchman 

먼저 Homebrew 를 이용해서 node 와 watchman을 인스톨합니다. 

brew install node brew install watchman

If you have already installed Node on your system, make sure it is version 4 or newer.

Watchman 은 파일시스템의 변화를 캐치하기 위해 페이스북이 만든 툴입니다. 보다 나은 성능을 위해 설치할 것을 추천합니다.  

The React Native CLI 

npm을 통해 리액트 네이티브도 설치해줍니다.:

npm install -g react-native-cli

혹시 Cannot find module 'npmlog','에러가 발생한다면 아래 명령어를 통해 직접적으로 npm을 설치해보세요. : curl -0 -L https://npmjs.org/install.sh | sudo sh.

새 리액트 네이티브 프로젝트를 만들어보자

아래와 같이 커맨드를 입력하면 AwesomeProject라는 리액트 네이티브 프로젝트가 생성되고 동시에 안드로이드 ios 폴더에 각각의 프로젝트도 생성됩니다.

react-native init AwesomeProject