react-native로 하이브리드앱 만들기#1 - 개발 환경 세팅

초기 설정

https://reactnative.dev/docs/environment-setup?guide=native&os=macos

개발 환경 세팅은 위에 공식 문서를 참고해서 하는 게 가장 좋습니다. 블로그나 다른 사이트를 참고하실 경우 구버전 세팅일 수 있기 때문에 설정에 시간이 더 걸릴 수 있습니다.

Development OS와 Target OS를 선택한 후 아래 설명에 따라 진행하시면 됩니다.

시작하기

npm start
or
yarn start

유의사항

안드로이드 실행 시 Java와 Gradle이 호환되지 않을 경우 빌드 과정에서 계속 오류가 나옵니다.

// Java 버전확인

Java -version

Gardle의 경우 프로젝트 내에 설정된 버전을 확인하여야 합니다.
react-native 프로젝트의 루트 디렉토리에서

// android/gradle/gradle-wrapper.properties

distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-all.zip
// gradle- 뒤에 오는 숫자 확인

Java와 Gradle 버전을 맞춰야 합니다.

https://docs.gradle.org/current/userguide/compatibility.html
이 사이트를 확인하여 자바와 그래들이 호환되는 버전을 맞추시면 됩니다.