윈도우에서 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_를 붙여줘야 한다.
'Programming > React-Native' 카테고리의 다른 글
[구현] 2020년 3월 기준 React-Native 앱 빌드 툴 Expo 버전업 관련 문제 해결 (0) | 2022.02.23 |
---|---|
[구현] 2019년 7월 기준 React-Native 앱 빌드 툴 Expo 버전업 관련 문제 해결 (0) | 2022.02.23 |