프로그래밍/React Native

Expo 프로젝트관련 명령어

꾸션 2022. 2. 8. 23:17

expo-cli 설치

expo 명령어를 사용하기 위해서 "expo-cli" 패키지를 전역에 설치합니다.

(cli는 "command line interface"를 뜻합니다.)

npm install expo-cli -g

 

expo 프로젝트 생성

expo init 프로젝트명

 

expo 프로젝트 실행

expo-cli 명령어를 사용하는 경우

# 서버 실행
expo start

# 서버 + android 실행
expo start -a

# 서버 + ios 실행
expo start -i

 

yarn 명령어를 사용하는 경우

전역에 "yarn" 패키지가 설치되어 있어야 합니다. (예: npm install yarn -g)

# yarn 설치명령어
#npm install yarn -g

# 서버 실행
yarn start

# 서버 + android 실행
yarn android

# 서버 + ios 실행
yarn ios

 

Simulator 선택 단축키

콘솔 창에서 아래의 키조합을 입력하면 실행 가능한 simulator 혹은 device를 선택해서 실행할 수 있습니다.

  • Shift + a: android
  • Shift + i: ios

 

Expo Go 보조창 단축키

Expo Go 앱에서 아래의 단축키를 누르면 보조창이 열립니다.

  • Cmd + m (Ctrl + m on Windows): android
  • Cmd + D (or Ctrl + Cmd + z): ios

 

Publish

Expo.io에 publish 하며, Expo Go 앱을 사용하여 서버 없이 실행 가능한 상태가 됩니다.

expo publish

 

빌드

빌드 실행에 앞서서 "expo.io"사이트에 계정을 먼저 생성합니다.

 

Expo

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

expo.dev

빌드 명령어로 Android의 경우 "aap" 파일을, ios의 경우 "ipa"파일을 생성합니다.

기존 "expo build"방식에서 "eas build"방식으로 변경되었습니다.

# android
#expo build:android
eas build --platform android

# ios
#expo builid:ios
eas build --platform ios

 

※ Android의 "apk"파일을 생성하는 방법은 eas.json파일에 아래와 같이 "preview"를 추가한 후

{
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "production": {}
  }
}

아래의 명령어로 실행하면 "apk"파일이 생성됩니다.

eas build -p android --profile preview

 

스토어에 업로드

# android
eas submit --platform android

# ios
eas submit --platform ios

 

이제 스토어에 접속 후 업로드된 파일을 배포를 하시면 됩니다.