본문 바로가기

카테고리 없음

[달력앱만들기] 1. Expo CLI를 이용한 ReactNative 프로젝트 생성하기

1. Expo CLI 사용을 위한 준비

(1) node.js 설치

 

 

Node.js

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

nodejs.org

위 사이트 접속해서 낮은 버전으로 설치해준다. (Expo CLI를 설치하기 위해서는 10 버전 이상이어야 함.)

 

(2) 이미 설치되어있는 사람은 node.js command 창에 아래 명령어를 하나씩 입력해서 npm과 node의 버전을 확인한다.

npm -v
node -v

 

 

2. Expo CLI 설치

(1) 아래 명령어로 설치한다.

npm install -g expo-cli

(2) 완료되면 아래 명령으로 설치되었는지 확인한다.

npm search expo-cli

 

 

3. Expo Project 생성

(1) expo init [프로젝트이름] 실행

(2) 프로젝트의 템플릿을 선택하는 단계이다. blank는 hello react! 화면이 보여진다.

(3) App의 이름을 입력하는 단계이며, 키보드로 이름을 입력하고 엔터친다. name은 나중에 app.json 파일에서 변경할 수 있다.

(4) 생성이 끝나면 your project is ready at [프로젝트] 라고 뜬다.

(5) 생성이 잘 되었는지 확인하려면 기기에 expo client 어플을 설치한다.

(6) cd { Project Name }, npm start으로 명령하고 QR코드가 뜨면 카메라로 QR코드를 인식한다.

(7) 성공하면 하얀 화면에 Open up App.js to start working on your app! 문구가 뜬다.

 

 

반응형