본문 바로가기
React Native/앱개발

React native 개발환경 셋팅

by 보니스 2018. 12. 18.
반응형

(1)JDK 8.0 설치

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


에서 JDK 다운로드 하여 설치 한다.



(2) Android Studio 최신버전 설치 (관리자 권한으로 설치)

     - https://developer.android.com/studio/?hl=ko 에서 다운로드하여 설치 한다.  

       처음 설치를 하고, 실행을 하게 되면 SDK를 자동으로 설치한다.



(3) 환경 변수 추가 한다.

ANDROID_HOME= C:\Users\계정명\AppData\Local\Android\Sdk


(4) 안드로이드 스튜디오를 실행하고, 에뮤레이터를 추가 한다.

       - tools > AVD Manager 메뉴를 클릭하거나 아래의 이미지 아이콘을 클릭하여 AVD Manager 

를 실행한다.




(5) 안드로이드 에뮬레이터 실행 확인.


(6) Node.js 를 설치한다. (8.11.3)


다운로드 경로 : https://nodejs.org/en/blog/release/v8.11.3/


    설치된 nodejs 폴더(C:\Program Files\nodejs)를 Path에 추가


(7) React-Native Client 설치


      탐색기에서 Shift + 마우스 우클릭 :  도스창 또는 PowerShell 실행.

      명령어 : npm install -g react-native-cli    (React-Native Client 설치 된다)


(8) React-Native 프로젝트 생성.


      - 프로젝트를 실행할 폴더로 이동 한다.

- 명령어 :  react-native init --version="0.55.4" ProjectNam


(9) React-Native 프로젝트를 실행.

      - 프로젝트가 있는 폴더로 이동한다.

      - 명령어 : react-native run-android