[React Native] expo-cli 개발 시작 - #1 기본 파일 셋팅

* React Native를 처음 시작 할 때, 2가지 방식으로 개발이 가능함

- react-native cli

- expo cli

 

본 게시글에서는 차이점은 생략하고, 빌드/배포가 쉬운 expo-cli로 개발 환경을 셋팅해 본다.

 

1. expo-cli 설치 (https://reactnative.dev/docs/environment-setup)

 

npm install -g expo-cli

* 권한 이유로 아래와 같이 에러가 나면 맨 앞에 [sudo] 를 붙임

sudo npm install -g expo-cli

 

2. 프로젝트 폴더를 생성하고, 해당 폴더 내에서 아래 명령어 실행

expo init dev-weather     // dev-weather는 프로젝트명으로 변경 가능

* 초기 셋팅을 선택할 때 blank를 선택

* 아래와 같이 폴더 내에 기본 파일들이 셋팅됨

 

3. expo 를 실행

expo start

* 위와 같이 Metro bundle이 자동으로 실행되고, 실제 휴대폰에서 실행할려면 QR code를 스캔하면 되지만,

여기서는 simulator에서 실행을 위해 [Run on iOS simulator] 클릭함

(simulator만 실행만 되고 expo 가 실행안되면, 한번더 클릭하거나 expo 앱을 찾아 실행하면 됨)

 

끝.