리액트 네이티브 windows환경 구축하기 > 앱개발

앱개발

리액트 네이티브 windows환경 구축하기 정보

리액트 네이티브 windows환경 구축하기

본문

java jdk의 최신 버전을 다운로드 설치 현재 버전 8u112이네요

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

 

https://facebook.github.io/react-native/docs/getting-started.html 에서와 같이  

Chocolatey라는 것을 설치 하셔서 하는 방법 (Mac에서의 Homebrew와 같은 패키지 매니저)

 

이미 설치 되어 있다면 (현재버전이 0.10.3)

choco upgrade chocolatey

 

아니면 별도로.  node.js와 Python 2.7버전을 따로 인스톨하세요.

 

다음으로 android studio 2.2.2(현재 최신버전..)을 설치하세요. (사이즈가 1.6G) 

 

https://developer.android.com/studio/index.html 

 

React Native를 설치하세요

npm install -g react-native-cli

 

프로젝트를 한개 만드세요..

react-native init awesome

 

그리고 android studio를 실행시킨신후에..(1.6G 파일에.  설치도 좀 오래 걸리네요..)

 

위에서 만든 awesome 디렉토리 아래의 android프로젝트를 오픈하세요..(android 디렉토리를 선택해서 오픈하면 됩니다.)

 

아래와 같은 메시지가 나오면 클릭해서 설치해 주세요.. 

 

SKD Version 은 23을 

 

04b69bc6653866ebd932abcc5ee4fcbe_1477518459_3347.png
리액트 네이티브에서는 현재 23.0.1버전을 찾습니다. 

 

04b69bc6653866ebd932abcc5ee4fcbe_1477518684_423.PNG
android/app/build.gradle 파일에 보면 buildToolsVersion 23.0.1 compileSdkVersion 23 입니다. 

 

마지막으로 Android Virtual Device를 만드시면 됩니다.

Android Studio 2.2에서 Tools>Android>AVD Manager

 

04b69bc6653866ebd932abcc5ee4fcbe_1477518971_7224.PNG
 

Creat Virtual Device를 클릭해서 디폴트로 나오는 Nexus 5를 선택하고 Next

이런 것도 다 인스톨하고..

04b69bc6653866ebd932abcc5ee4fcbe_1477519224_6883.PNG 

당장 필요한 것은 Nougat x86_64이미지 다운로드 설치 후 선택. (64비트 시스템인경우)

(필요하면 Nougat, Mashmallow, Lollipop 나머지도  Download해서 인스톨해 놓자..)

 

이름을 간단한 것으로 하자.. Nexus_5_API_24를 Nexus나 간단한 이름으로

 

Actions버튼에서 Play버튼을 실행 시켜 놓자.

 

04b69bc6653866ebd932abcc5ee4fcbe_1477520991_0556.png
 

 

마지막으로 System Properties의 (Windows 10인 경우 system setting으로 아니면 Control panel에서..)

environment variables에 

 

JAVA_HOME c:\program files\java\jdk1.8.0_112를 새로 추가하고

 

Path에 추가합니다

path=  c:\Users\[해당되는 컴퓨터]\AppData\Local\Android\sdk\platform-tools

C:\Users\[해당되는 컴퓨터]\AppData\Local\Android\sdk\tools 

 

Command prompt를 다시 실행한 후

awesome 디렉토리로 간 후에..

 

react-native run-android

 

인텔 4세대에 4GB메모리인데, 너무 오래걸리네요.. 주로 시간 잡아 먹는것이 HDD에서 거의 100%잡아 먹네요.. (메모리 부족으로 인한 swap때문에 오래걸리는 것 같네요..)

04b69bc6653866ebd932abcc5ee4fcbe_1477522263_6663.png
 

start /b emulator -avd [위의에 정한 이름]을 실행시키면 됩니다.  (항상 먼저 실행시켜 놔야..)

여기서 start /b 는 background 실행입니다.

 

 

공감
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로