리액트 네이티브 개발환경 구축 [윈도우]

작성자: 닌콤님    작성일시: 작성일2018-01-19 19:52:32    조회: 718회    댓글: 0

리액트 네이티브 개발환경 구축 [윈도우] 


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

You will need Node, the React Native command line interface, Python2, a JDK, and Android Studio.

While you can use any editor of your choice to develop your app, you will need to install Android Studio in order to set up the necessary tooling to build your React Native app for Android.

React Native 명령 행 인터페이스, Python2, JDK 및 Android Studio가 필요합니다.

원하는 편집기를 사용하여 앱을 개발할 수 있지만 Android 용 React Native 앱을 제작하는 데 필요한 툴링을 설정하려면 Android Studio를 설치해야합니다.



1. WebStorm 설치.

  https://www.jetbrains.com/webstorm/

  https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/ 


  git project 를 다운 받아서 사용하려고 하니.. 오류가 남..


2. 윈도우 git 설치

  https://www.git-scm.com/

  http://nincom.net/bbs/board.php?bo_table=react&wr_id=6


  설치후, WebStorm 에서 확인.. 잘 안되면.. 재부팅하는게 속편함..

de5f8f2b0c02fc93db9658a90b1743ec_1516364323_4825.png
 

프로젝트 다운로드후, 실행을 해보려고 하니..

de5f8f2b0c02fc93db9658a90b1743ec_1516364604_2902.png
 

4. Node.js & NPM 설치

  https://nodejs.org/ko/download/

  https://kdydesign.github.io/2017/07/15/nodejs-npm-tutorial/


Node JS 다운로드가 계속 실패하여.. 안드로이드 스튜디오 부터.. 설치하고...


Node JS 설치후, WebStorm 을 다시 실행하면.. 아래 처럼 나온다.. npm install 을 실행해줘야 한다. 

be39bf8450947a48b460e1e80fe0aac8_1516407722_353.png
 

  Run 설정을 하면.. 이번에는 react-native 가 없다고 나온다..

  npm install -g react-native-cli 실행.



be39bf8450947a48b460e1e80fe0aac8_1516407501_4195.png
 

  Run 으로 실행을 하면, gradle 이 필요한지 설치를 진행한다.

  

JS server already running.

Building and installing the app on the device (cd android && gradlew.bat installDebug)...

Downloading https://services.gradle.org/distributions/gradle-2.14.1-all.zip


  최종으로.. 아래와 같은 메시지가 나오면서 실패한다. 안드로이드 스튜디오를 통해 에뮬레이터를 설치하자.


FAILURE: Build failed with an exception.


* What went wrong:

A problem occurred configuring project ':app'.

> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.


* Try:

Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.


BUILD FAILED


Total time: 2 mins 15.423 secs

Could not install the app on the device, read the error above for details.

Make sure you have an Android emulator running or a device connected and have

set up your Android development environment:

https://facebook.github.io/react-native/docs/android-setup.html


5. Android Studio 설치.

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


  안드로이드 스튜디오에서 에뮬레이터를 하나 만들어 넣고..

  시스템화경변수에 ANDROID_HOME 설정을 추가한다.

  위치를 잘 모르겠으면.. 안드로이드 스튜디오 설정에서 복사해서 사용하세요.


17b83d880c017c70f52e3a232abe8b41_1516430359_1967.png 


6. 그럼 끝.. 즐거운 개발.


17b83d880c017c70f52e3a232abe8b41_1516430544_9672.png
 

댓글목록

등록된 댓글이 없습니다.