[React-Native] expo-cli 환경 구축 (eas-cli)

1. node 버전 이슈

node 16 버전으로 개발을 진행하면서 expo init 으로 실행한 프로젝트가 설치한 react-native 버전이 node 18 이상에서만 지원이 된다는 오류가 지속적으로 떠서 찾아본 결과,, 최신 expo-cli는 node 18 이상을 지원하며, expo init 이 node 17 이상 지원이 안되는 것으로 예상된다.

 

변경 사항

 

2) node v20.11.1 설치

https://nodejs.org/en

---

2. expo init vs npx create-expo-app

chatGPT는 expo init을 사용하라고 하지만,, 믿을 수 없다.

공식 문서에서도 create-expo-app 을 통해서 프로젝트를 생성하라고 권장한다.

 

변경 사항

1) create-expo-app 으로 프로젝트 생성

---

3. 빌드 방식

앱을 build 하고 .apk 등의 배포 파일을 만들 때 eas-cli를 사용하는 방법이 수월하다?

정확하게 eas-cli를 쓰면 어떤게 좋은지는 더 찾아봐야할 것 같다.

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

 

---

프로젝트 build 오류

eas build -p android --profile preview

 

오류

https://stackoverflow.com/questions/71502070/react-native-expo-eas-build-p-android-has-wrong-java-jdk-version

 

eas.json 에 android의 image를 'default' 로 지정을 해뒀는데 해당 이미지에서 java11 버전을 사용했기 때문에 오류가 남.

https://docs.expo.dev/build-reference/infrastructure/#ubuntu-2204-jdk-17-ndk-r21e-alias-latest

 

'latest' 로 변경

---

apk 파일 설치하기

1) eas build -p android --profile preview

 

2) build 완료 시 expo.dev 사이트에서 install 클릭

 

3) 단말 카메라로 QR 촬영

 

4) expo.dev 사이트로 이동됨 > install 클릭

5) 파일 다운로드

 

6) 설치

chrome 권한 허용 알림이 뜨면 권한 허용 처리

 

7) 무시하고 설치

 

8) 무시하고 설치하기

 

9) 완료