React Native(리액트 네이티브) Install(설치)

24년 1월 기준.

 

https://reactnative.dev

// React Native. react 의존적 UI, bridge로 인한 성능 저하.

 

React Native 설치

 

https://nodejs.org

// Node.js 설치.

 

node -v

npm -v

// 설치 확인.

 

npm install -g react-native-cli

// React-Native-Cli 설치. global 설치 권장 안함.

 

react-native -v

// 설치 확인.

 

https://www.oracle.com/java/technologies/downloads/#java8

내 PC-우클릭 속성-고급 시스템 설정-환경 변수

변수 이름 : JAVA_HOME

변수 값 : JDK 설치 위치(C:\Program Files\Java\jdk-1.8)

Path 편집-새로 만들기를 눌러 %JAVA_HOME%\bin 추가.

// JDK 설치 및 환경 변수 설정.

 

java -version

// 설치 확인.

 

https://developer.android.com/studio

내 PC-우클릭 속성-고급 시스템 설정-환경 변수

변수 이름 : ANDROID_HOME

변수 값 : SDK 설치 위치(C:\Users\CNXK\AppData\Local\Android\Sdk)

설치 경로 확인(File-Settings-Appearance&Behavior-System Settings-Android SDK/File-Settings-Languages&Frameworks-Android SDK)

Path 편집-새로 만들기를 눌러 %ANDROID_HOME%\platform-tools 추가.

// Android Studio 설치.

 

adb --version

// 설치 확인.

 

npx react-native init 프로젝트명

or

react-native init 프로젝트명

// 프로젝트 생성할 위치해서 실행. React Native 프로젝트 생성.

 

npm run android

or

react-native run-android

// 안드로이드 실행.

 

cli.init is not a function

// 버전 맞지 않아 나는 오류. npx react-native init 프로젝트명 --version 0.68.2 실행.

// 전역으로 설치된 react-native-cli 삭제. npm uninstall -g react-native-cli

 

A problem occurred evaluating project ':app'

// Gradle 7.0.0 대 버전은 Java 11 버전을 사용해야 함.

https://www.oracle.com/java/technologies/downloads/#java11

 

npm run android

 

Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds

// npx react-native doctor로 문제점 확인 후, 환경 변수 수정.

 

Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'

// ANDROID_SDK_ROOT(C:\Users\CNXK\AppData\Local\Android\Sdk) 추가.

Several environment variables and/or system properties contain different paths to the SDK.

// ANDROID_HOME as other methods are deprecated. ANDROID_HOME 삭제하면 에뮬레이터 실행 안됨. 실행시 레거시로 아직 저 환경변수로 실행하는 듯.

 

Failed to install the following Android SDK packages as some licences have not been accepted.

// (File-Settings-Appearance&Behavior-System Settings-Android SDK/File-Settings-Languages&Frameworks-Android SDK)-SDK Tools-Google Play Licensing Library 설치.

 

Execution failed for task ':app:installDebug'

// npx react-native start --reset-cache 캐쉬 초기화. cd android && gradlew clean gradle 초기화. 안드로이드 스튜디오 AVD Manager에서 앱을 실행 중인 기기를 선택한 후, 마우스 오른쪽을 눌러 삭제후 생성.

 

npm ls react // 설치 모듈 확인.

npm install react@latest react-native@latest // 최신 버전 업데이트.

 

C:\Users\USER\.gradle\cache

// gradle 캐시 삭제.