React Native + Expo로 앱 개발하기 [기초]

1. node.js 와 git 다운로드 & Visual studio 설치

https://nodejs.org/ko

Node.js — Run JavaScript Everywhere

https://git-scm.com/ 

Git

---

2. Expo 가입 & 앱 설치

https://expo.dev

Log In — Expo

---

3. react native expo build

 

1) C 드라이브 경로에 새로운 폴더를 만든 후, VScode로 폴더를 열어준다. 

(보통 C드라이브 내에 두면 영어로 인식하므로 오류가 줄어듬)

 

2) react native expo build 

=아래 사이트에 있는 코드를 순서대로 vscode cmd 창에 입력해주면 됨

https://docs.expo.dev/build/setup/

Create your first build

#expo CLI 설치
npm install -g expo-cli

 

아래 코드를 실행시키면 사진과 같이 my-app 폴더가 생김

# 새 프로젝트 만들기
npx create-expo-app my-app

---

3) 프로젝트 구성

# eas-cli 설치
npm install -g eas-cli
#로그인
eas login

 

아래 코드로 프로젝트를 구성해주면 eas.json이 생겼고 그 안에 내가 설정해준 정보들이 들어간 것을 볼 수 있음.

여기서 window의 경우에는 android 개발밖에 못하므로 all이 아닌 android를 선택해줘야 함!

# 프로젝트 구성
eas build:configure

 

여기서 android를 플레이 스토어에 배포하려면 확장자가 Apk이므로 eas.json내의 build 부분을 아래와 같이 바꿔줘야 함.

 

https://docs.expo.dev/build-reference/apk/

Build APKs for Android Emulators and devices

{
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "preview2": {
      "android": {
        "gradleCommand": ":app:assembleRelease"
      }
    },
    "preview3": {
      "developmentClient": true
    },
    "preview4": {
      "distribution": "internal"
    },
    "production": {}
  }
}

# 프로젝트 빌드 -> apk 앱 배포
eas build -p android --profile preview

 

앱 배포 완료!