리액트 네이티브 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을
리액트 네이티브에서는 현재 23.0.1버전을 찾습니다.
android/app/build.gradle 파일에 보면 buildToolsVersion 23.0.1 compileSdkVersion 23 입니다.
마지막으로 Android Virtual Device를 만드시면 됩니다.
Android Studio 2.2에서 Tools>Android>AVD Manager
Creat Virtual Device를 클릭해서 디폴트로 나오는 Nexus 5를 선택하고 Next
이런 것도 다 인스톨하고..
당장 필요한 것은 Nougat x86_64이미지 다운로드 설치 후 선택. (64비트 시스템인경우)
(필요하면 Nougat, Mashmallow, Lollipop 나머지도 Download해서 인스톨해 놓자..)
이름을 간단한 것으로 하자.. Nexus_5_API_24를 Nexus나 간단한 이름으로
Actions버튼에서 Play버튼을 실행 시켜 놓자.
마지막으로 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때문에 오래걸리는 것 같네요..)
start /b emulator -avd [위의에 정한 이름]을 실행시키면 됩니다. (항상 먼저 실행시켜 놔야..)
여기서 start /b 는 background 실행입니다.
0
댓글 0개