React Native : RN/Setting & Bug

Expo 설치하기

곰돌이도한다. 2022. 2. 24. 17:03

참고 : https://docs.expo.dev/get-started/installation/

 

Installation - Expo Documentation

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.

docs.expo.dev

 

 

1. node, watchman 설치

 

터미널 입력

brew install node
brew install watchman

 

 

2. expo-cli 설치

 

터미널 입력

npm install --global expo-cli

 

 

3. iphone, android phone에 앱 설치

 

android에서는 expo, iphone에서는 expo go 설치하고 회원가입하면 됨.

mac이랑 phone이랑 같은 wifi로 설정한다.

 

 

4. VSCode 설치

 

URL : https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

 

5. 프로젝트 생성

 

터미널 입력

expo init TestProject

 

 

6. VSCode에서 생성된 폴더 열기

 

 

7. 실행

 

VSCode내 터미널에서 실행

npm start

 

 

8. Expo Go에서 확인

 

안될경우

- 카메라 앱으로 QRCode 스캔

- Phone과 Mac 네트워크 체크 : 같은 wifi로 잡아보자