Programming/React-Native

[구현] React-Native 프로젝트 Expo CLI 빌드 환경에서 React Native CLI 환경으로 변경하는 방법

영스퀘어 2022. 2. 23. 19:45

윈도우에서 react-native로 앱 개발 하는 방법으로 Expo CLI와 React Native CLI가 있다.

Expo는 간편하게 빌드를 해서 사용할 수 있어서 이 방법으로 기존에는 진행을 해왔다.

하지만, 실제 안드로이드 SDK로 Release 시키기 위해서는 React Native CLI 방식 환경 구축이 필요하다.

 

본 환경 구축을 위해 아래 글을 참고하였다.

https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/

 

윈도우(Windows)에 react native 개발 환경 구축하기

react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다.

dev-yakuza.posstree.com

  • Chocolately, Nodejs, npm 버전 (원래 설치되어 있었음)

  • Python 버전 (원래 설치되어 있었음)

  • React Native CLI 설치

  • JDK 설치

  • 안드로이드 스튜디오 설치

  • 안드로이드 스튜디오 SDK 설정
  • 안드로이드 스튜디오 환경변수 설정
  • 버전 고정시키기

  • 프로젝트 생성 및 확인

환경변수 설정 제대로 해야 함.

 

사용자 변수에 :

ANDROID_HOME : C:\Users\{User-name}\AppData\Local\Android\Sdk

ANDROID_SDK_ROOT : C:\Users\{User-name}\AppData\Local\Android\Sdk

 

Path에 추가 :

C:\Users\{User-name}\AppData\Local\Android\Sdk\platform-tools

C:\Program Files\nodejs

C:\Program Files\Java\jdk1.8.0_211\bin

C:\Users\{User-name}\AppData\Local\Android\Sdk\emulator

C:\Users\{User-name}\AppData\Local\Android\Sdk\tools

 

시스템 변수에 :

ChocolateyInstall : C:\ProgramData\chocolatey

 

  • 프로젝트 path에서, react-native run-android

  • 기존 구현된 프로젝트 해당 환경으로 재구축

참고로, warning message를 없애려면 아래와 같이 UNSAFE_를 붙여줘야 한다.