[ React Native ] 윈도우에서 리액트 네이티브 개발 환경 구성 - Expo-cli

1. expo-cli 설치

---

1.1 명령 프롬프트 실행(관리자 권한)

 

 

1.2 설치

 

> npm install expo-cli -global

 

 

 

 

2. 프로젝트 생성

---

2.1 프로젝트 생성(생성할 폴더로 이동한 뒤)

 

> expo init [ 프로젝트명 ]

 

 

 

 

2.2 생성된 프로젝트 폴더로 이동

 

> cd [ 프로젝트명 ]

 

 

 

 

2.3 실행

 

> expo start

 

 

 

 

 

 

3. 실행

---

3.1 모바일에서 Expo 어플 설치

 

 

3.2 개발 PC와 모바일 기기 같은 네트워크로 잡기

 

 

3.3 QR 코드를 촬영하면 설치한 Expo 앱으로 연결된다.

 

 

 

* VS Code로 Expo 프로젝트 연결

---

1) 비쥬얼스튜디오 코드 > 상단 File > Open Folder

 

 

 

2) 생성한 폴더 선택

 

 

 

 

3) VS Code 터미널창 열기

 

 

 

4) expo start

 

 

** 3번과 마찬가지로 QR 코드를 촬영해 모바일에서 프로젝트를 연결한다.

 

 

5) App.js 파일 열기

 

 

 

 

6) App.js 파일 수정

- Hello World!

 

 

7) 파일 저장하면 자동으로 어플에 반영된다.