리액트 네이티브 - 터미널에서 expo 프로젝트 생성하기

🎯목적 :

expo 프로젝트 생성 시 빠른 세팅(expo dashboard 이용하지 않고 터미널 이용 가능)

 

🤢 오류 해결 :

• eas update:configure
      Error: package.json is outside of the current git repository

 

---

1. 공식 홈페이지 참고하여 RN 프로젝트 생성

 

https://reactnative.dev/docs/environment-setup

Setting up the development environment · React Native

위 공식 문서를 참고해도 좋지만 간단한 명령어니 포스팅을 보고 따라해도 무방하다

 

터미널에서 경로를 확인한 후

npx create-expo-app "프로젝트 이름"

npm 유저 명령어

 

yarn create expo-app "프로젝트 이름"

 

yarn 유저 명령어

둘중 사용하는 패키지 메니저의 명령어를 이용해 프로젝트를 생성한다!

---

2. eas update:configure

프로젝트 생성이 다 되었다면,

eas update:configure

명령어를 입력한다,

이때 eas update:configure 오류가 발생하여 아래 '오류 해결' 부분에 작성해 두었다!

 

이때 다시한번 confirm 메세지가 출력 되면, Y를 입력해서 진행하면 되고

로그인을 하라고 출력이 된다면, 당황하지 말고 expo 계정을 로그인해서 연동시키면 된다

 

정상 작동시 출력 메세지가 나왔다면 expo에서 다시 한번 확인해 보자

https://expo.dev/

Expo

 

내가 만든 'RN-movie-app' 프로젝트가 자동으로 생성되었다

---

3. eas update : 배포하기

eas update

이제 update 명령어를 통해

배포부터 해놓자

 

여기서 기본 브랜치인 'master' 브랜치를 생성한다면 바로 엔터를 누르면 된다

커밋 메세지도 물어보는데 중요한 내용이 없으니, 엔터로 넘어가자

이러한 메세지가 뜬다면 잘 배포가 된 것이고,

아래 Website link로 들어가보자

그럼 이렇게 프로젝트 배포된 링크가 나오고

Preview 버튼을 눌러 내가 배포한 주소의 expo QR code가 나온다

---

4. 프로젝트 구동

이제 모든 준비가 끝났다

npm start

npm 유저는 위 명령어를 입력하고,

 

yarn start

yarb 유저는 위 명령어를 통해 프로그램을 구동 시킨다!

 

이렇게 빠르게 RN 프로젝트 생성과, 구동까지 해보았다

 

간혹 window 유저에서 발생하는 에러를 겪었기 때문에,

만약 프로젝트 구동 후, QR code 인식 중 에러가 발생한다면

아래 포스팅의 에러 해결 부분을 참고해 보자

2022.12.30 - [React-Navtive] - 리액트 네이티브 - 새로운 프로젝트 만들기 (expo), 에러 해결

 

 

---

+ 오류 해결 :

eas update:configure
    Error: package.json is outside of the current git repository

eas update:configure 명령어를 입력 한 뒤 이와 같은 에러가 발생한다면

경로를 다시 확인해보자

 

내가 만든 프로젝트안에 있어야 eas update가 가능하다!

 

---

 

 최종 정리 

1. npx create-expo-app, yarn create expo-app 명령어로 RN 프로젝트 생성
2. 경로 설정 후, eas update:configure 명령어로 프로젝트 자동 생성
3. eas update로 배포
4. npm start, yarn start로 프로젝트 구동
5. Error: package.json is outside of the current git repository 에러는 경로 설정이 잘못 되어서 발생하는 문제