개인노트 nomad React-Native 초급 #1 Introduction

[2021 update] introduction

 

# 1.4 Installing Requirements

 

## Expo

 

그 어떤 시뮬레이터나 Java, Xcode 같은 것들을 설치하지 않고,

작성한 코드의 결과를 앱에서 즉시 확인할 수 있습니다.

이 강의에서는 compile하여 진짜 앱을 만들지 않습니다.

Expo는 우리의 React Native 코드를 곧바로 폰으로 전송시켜줍니다.

 

폰 안에 있는 React Native 코드를 실행시켜서, 말그대로 폰에서 React Native 코드를 바로 미리보기 할 수 있습니다.

 

### 1. 컴퓨터에 Expo CLI 설치

npm install --global expo-cli

혹시 에러가 있다면 아래와 같이 설치하시면 됩니다.
sudo npm install --global expo-cli

https://docs.expo.dev/

 

맥이라면 추가로
Watchman 설치(Mac용)
brew update
brew install watchman
https://facebook.github.io/watchman/docs/install#buildinstall

 

### 2. 스마트폰에 Expo 설치

 

스토어에서 Expo 검색하여 설치

 

안드로이드 : Expo

ios : Expo Go

 

그 후, 계정을 만들고 로그인.

 

# 1.6 Creating The App

 

## 프로젝트 생성

 

1. cli입력

expo init nomadWeather

 

2. 옵션선택

3. vs code로 open

 

4. npm start로 확인

 

5. 웹에서 열리지 않는다면, 아래도 설치하여 웹에서 확인

 

npx expo install react-native-web@~0.18.9 react-dom@18.1.0 @expo/webpack-config@^0.17.2

 

6. vs code에서 expo 로그인

 

스마트폰앱에서 회원가입하고 cli 창에서 expo login 입력 후

로그인 이메일과 비밀번호 입력.

 

7. npm start로 서버 실행 후 스마트폰앱에서 확인가능.