[React Native] 개발 환경 세팅

1. node.js 설치

---

아래 링크에서 node.js를 설치한다.

 

https://nodejs.org/en/download/

Node.js — Download Node.js®

 

잘 설치되었는지 확인하고 싶다면 커맨드 창에 가서 npm 명령어를 입력해보면 된다.

문제 없이 설치되었다면 다음과 같은 화면이 나온다.

>npm

 

 

 

2. App 생성

---

 

>npx create-expo-app 폴더이름

 

• 만약 빈 템플릿으로 만들고 싶다면 아래와 같이 입력한다.

>npx create-expo-app 폴더이름 --template blank

 

 

3. Expo Go 어플 설치(휴대폰으로 어플 확인하고 싶다면)

---

안드로이드, 아이폰 앱스토어에 가서 Expo Go 어플을 설치한다.

 

 

 

4. React Native app 실행

---

만들어둔 폴더 안으로 들어간다.

 

cd 폴더이름

 

expo 명령어를 통해 실행한다.

>npx expo

 

안드로이드의 경우, Expo Go 어플에서 QR코드를 스캔한다.

아이폰의 경우, 카메라 어플로 QR코드를 스캔한다.

이때, 컴퓨터와 휴대폰은 같은 네트워크에 연결되어 있어야 한다.

이 화면이 나오면 성공!

 

• 만약 실행이 안된다면 tunneling을 사용한다.

tunneling이 가능하도록 @expo/ngrok 설치한다.

>npm i -g @expo/ngrok

 

tunnel 모드에서 expo를 실행한다.

>npx expo start --tunnel