[Expo] 개발환경 설정하기

1. Expo란?

React Native 앱 개발을 더 간편하게 만들기 위한 도구이다.

기존 React Native로 iOS를 개발하기 위해선 mac OS가 필요하지만 Window에서 Expo를 사용하면 Expo 별도 앱을 설치하여 에뮬레이터 없이 핸드폰으로 바로 테스트가 가능하다.

 

단점은 네이티브 기능(블루투스, 백그라운드 task 등)를 이용하려면 ejct해야됨

 

2. node.js 설치

expo는 js환경에서 실행되기 때문에 node.js를 설치해야된다.

node.js를 설치하면 npm, npx, yarn 같은 명령어를 사용할 수 있다.

 

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

 

cmd 명령창에서 잘 설치되어 있는지 버전으로 확인해보자.

 

 

3. Expo 프로젝트 생성하기

1. npm install -g eas-cli 명령어 실행

 

2. expo init {프로젝트명}

 

위에 빨간네모가 있다고 오류난게 아니다.

 

blank <<< 이걸 선택해서 Enter키를 눌러야한다. 안그럼 타입스크립트로 생성된다

 

 

프로젝트가 정상적으로 설치되었다.

 

3. Expo login

eas login 명령어를 입력하여 아이디, 비밀번호를 입력한다.

 

4. build

eas build:configure 명령어를 입력하여

 

 

ios, android 둘다 configure해준다. 해주면 

 

eas.json이 생성된다. 여기선 나중에 배포 시 세부 설정을 하는 곳이다.

 

 

5. 프로젝트 실행하기

해당 프로젝트 경로로 터미널을 열고 npm start 명령어를 실행

 

아래와 같이 정상으로 실행된다.

 

이제 핸드폰에서 Expo를 다운받아 로그인 후 qr코드에 접속하여 이용해보자