[REACT NATIVE] 리액트 네이티브 - EXPO 설치 및 실행하기

이번 시간에는 EXPO 설치에 대해서 알아보겠습니다.

 

설치 방법은 너무 간단합니다.

 

 

Step 1. EXPO 설치하기(Installing Expo)

 

NPM을 이용하여 엑스포를 설치하도록 하겠습니다.

* 코드 2개 중 본인이 편한 코드를 한 개 선택하셔서 설치하시면 됩니다.

$ npm install --global expo-cli

또는

$ npm install -g expo-cli

 

Step 2. EXPO 신규 앱 만들기 (Create a new app)

 

설치가 완료되었으면 신규 앱을 만들어 봅니다.

 

명령어를 입력하시면 blank, blank (TypeScript), tabs (TypeScript) 같은 선택 화면이 표시되게 됩니다.

 

현재는 타입 스크립트는 필요가 없기 때문에 기본적인 blank를 선택해 줍니다. 

$ expo init mysite

설치 화면

설치 완료 화면

 

Step 3. 디렉터리 이동 (Move to directory)

 

방금 생성했던 신규 앱 디렉터리로 이동합니다.

$ cd mysite

 

Step 4. 개발 서버 실행(Starting the development server)

 

디렉터리를 이동하셨으면 개발 서버를 실행해 보도록 하겠습니다.

$ expo start

실행화면

 

Expo app 실행이 잘 되는 것을 확인할 수 있습니다.

 

수고하셨습니다.