[React Native] 개발 환경 설정, Expo CLI 사용

ReactNative 개발 환경 설정을 진행할 때 사용하는 방법은 2가지가 있습니다.

1. Expo CLI Quickstart
2. React Native CLI Quickstart

이번에는 Expo CLI Quickstart를 사용하기 위한 개발 설정을 설명해보겠습니다.

 

우선 필요한 프로그램을 설치합니다.

1. Node를 설치합니다.

 - 12 LTS 버전 이상 설치 필요.

 

2. 'expo-cli'를 npm을 사용해서 설치합니다.

 - 전역 설치(-g)로 설치합니다.

npm install -g expo-cli

expo-cli 전역 설치 명령어 실행 화면

expo-cli 전역 설치 완료 화면

 

3. expo 명령어를 사용하여 React Native 프로젝트를 생성합니다.

expo init AwesomeProject

cd AwesomeProject
npm start # you can also use: expo start

 

4. 프로젝트 생성 후 'npm start'로 프로젝트를 실행합니다.

npm start로 프로젝트 실행한 화면

5. 실행된 화면을 확인합니다.

실행 화면 ( http://localhost:19002/ )

 

 

❗ 설정 중 예외상황

- 윈도우 터미널 1.0에서 실행 시 아래와 같은 에러 발생, 일반 cmd 창에서 실행 시 정상 동작 함.