React Native 개발환경 설정하기

react native 개발환경 설정하기

1. JDK 설치

- Java JDK를 설치한다.

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

- 환경변수 JAVA_HOME 설정.

- JAVA_HOME : JDK 설치위치 EX) C:\Program Files\Java\jdk1.8.0_101

2. SDK 설치

- ANDROID SDK 설치한다.

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

- 환경변수 ANDROID_HOME 설정

- ANDROID_HOME : SDK 설치 위치!     EX) F:\android\sdk

3. NodeJS, Python 설치

4. React Native 설치

- 공식 홈페이지를 참고하여 설치

- https://facebook.github.io/react-native/docs/getting-started.html#content

npm install -g react-native-cli react-native init AwesomeProject cd AwesomeProject react-native run-android

- 마지막 react-native run-android는 애듈을 띄워놓던지 폰을 연결해 놓아야 디바이스를 찾아서 된다.

- 디바이스 연결 확인하려면 안드로이드 스튜디오 띄워서 확인하자.

- 이부분에서 오류가 많이났음.

- 로그를 보고 잘확인하자....

- 샤오미폰은 안됨..

5. React Native Web 설치

- React인데 개발을 폰으로 하려니 빌드나 확인 시간이 오래걸린다.

- 웹으로 하자!

- https://github.com/grabcode/react-native-web-starter

6. 개발

- 웹으로 개발 하고 폰으로 빌드!

- 네이티브 기능이 들어간거면 폰으로 빌드해서 하자!