본문 바로가기
JavaScript/React Native

[React Native & Expo] expo 프로젝트 시작하기

by @김상현 2020. 9. 28.
반응형

Expo 프로젝트 시작하기 (Windows 10)

docs.expo.io/

 

Introduction to Expo - Expo Documentation

Introduction to Expo Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web ap

docs.expo.io

위 페이지에 상세한 내용이 담겨 있다.

Expo를 활용하여 React Native 를 사용하기 위해서는 expo-cli 를 설치해 주어야한다.

 

우선 콘솔을 열고 아래 커맨드를 입력한다.

npm install --global expo-cli

 

실행이 되지 않는다면 npm 이 설치가 되어있지 않은것이다.

npm은 nodejs 를 설치할 때 같이 딸려오는데 이는

 

nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

위 사이트에 접속하면 설치할 수 있다.

 

nodejs를 설치후 expo-cli 까지 설치하였다면

 

프로젝트를 생성한 폴더로 이동한다.

(ex. cd documents)

 

다음으로 

expo init my-project

를 입력하면

 

(필자는 my-project를 진행 중인 프로젝트 명인 Amore로 하였다.)

 

blank로 시작한다. (Enter)

 

Enter를 누르면 이와같이 대기하게 되고

 

완료되면

이런 화면을 보여준다. Expo 프로젝트 폴더가 생성되었다. 여기서

cd my-project

npm start

를 실행하면 웹에서 Expo Developer Tool을 실행시켜 테스트할 수 있게 해준다.

반응형

댓글