[RN] Expo 프로젝트 생성, 실행

https://expo.io/learn

Expo — Learn how

expo 다운로드

npm install expo-cli --global

예전에는 Expo xde가 있었는데 지원이 종료되면서 cli을 이용해야 한다.

프로젝트 생성 & 실행

$ expo init rn-project
$ cd rn-project
$ expo start

cd명령어로 프로젝트 생성하고 싶은 위치로 이동 후 첫번째 명령어 실행. rn-project 라는 Expo 프로젝트를 생성한다.

생성된 프로젝트 폴더로 이동(2번째 명령어) 후 실행(3번째 명령어)

Please install it with 'yarn add expo' and try again.

이라는 에러가 뜬다.

나는 npm을 쓰므로

$ npm add expo

명령어를 실행했다.

그리고 다시 3번째 명령어로 expo를 실행!

React Native가 설치되어있지 않다고 npm install로 설치하라고 한다. 

하라고 하는대로

$ npm install

 를 실행.

 

참고로 npm install은 루트위치의 package.json에 dependencies로 걸려있는 모듈들을 다운로드 한다.

그래도 잘 안되서 node_modules 폴더를 날리고 다시 npm install 해줬다.

node_modules는 npm install의 결과물로 의존 모듈들이 설치된게 해당 폴더에 쌓인다.

다시 하니까 잘뜬다. :+1:

localhost:19002

run in web browser 를 누르면 웹 부라우저로 결과물을 확인할 수 있다.

 

expo App 을 다운받으면 QR 코드를 스캔해서 폰으로도 확인가능하다.