[React Native] 프로젝트 생성하기(create-react-native-app / react-native-cli)

리액트 네이티브 프로젝트를 생성해 본다.

mac OS 기준으로

우선 create-react-native-app 을 설치한다.

npm install -g create-react-native-app

그리고 예제로 프로젝트를 하나 설치해 본다.

creacte-react-native-app react-native-app-example

*******************************************************************************

ERROR: npm 5 is not supported yet

*******************************************************************************

It looks like you're using npm 5 which was recently released.

Create React Native App doesn't work with npm 5 yet, unfortunately. We

recommend using npm 4 or yarn until some bugs are resolved.

You can follow the known issues with npm 5 at:

https://github.com/npm/npm/issues/16991

*******************************************************************************

그러면 다음과 같은 에러가 발생하는데 아직 npm5는 지원을 안하는듯...

그래서 npm 버전을 내렸다.

sudo npm i -g npm@4.6.1

그리고 설치하면 정상적으로 설치가 된다.

이제 시작을 해보자

npm start

See https://git.io/v5vcn for more information, either install watchman or run the following snippet:

  sudo sysctl -w kern.maxfiles=5242880

  sudo sysctl -w kern.maxfilesperproc=524288

이런 또에러가 난다!!

해결책은 여기서 발견함

https://github.com/facebook/react-native/issues/9309

/etc/sysctl.conf 파일이 없으면 새로 만들면 된다.

그리고 재부팅이후 와치맨이 안깔려 있으므로 와치맨도 설치...

brew install watchman

다시 실행을 해보면...

14:39:13: Starting packager...

14:39:14: Error starting packager: Error: EACCES: permission denied, mkdir '/Users/ryan/dev/react/react-native-app-example/.expo'

퍼미션 디나이는 왜나는건지... -_-;

어쨋든 실행을 시키면 

이런식으로 QR코드가 뜬다.

필자는 아이폰 혹은 안드로이드에서 Expo 앱을 다운받고 실행시키면, QR코드 스캐너가 있고 화면의 QR을 인식 시키면 된다.

혹은 mac에 xcode가 깔려 있다면

sudo npm run ios

에뮬레이터가 실행은 되는데 그뒤로 반응이 없다.

이건 좀 찾아봐야할듯 ㅜㅜ

오늘은 여기까지...

[출처] [React Native] 프로젝트 생성하기(create-react-native-app / react-native-cli)|작성자 다육맘