[React-Native] Getting Started (Windows)

윈도우에서 React-Native 설치

React-Native 는 facebook에서 만든 모바일 어플리케이션 개발 라이브러리 입니다.

React가 웹에서 쓰이는거와는 다르게 Native는 어플리케이션 개발에 사용됩니다.

크게 Expo(https://expo.io)와 Native 두 가지 버전이 있는데, Expo는 쉽고 빠른 개발에 좋지만 제공하는 기능 외에는 사용할 수 없어 잘 쓰이지 않습니다. native 기능들을 사용하는데는 Native 버전이 좋다!

최근에는 PWA를 지원하는 리엑트 네이티브 웹을 발표! (https://bit.ly/react-native-for-web & https://bit.ly/expo-doc-web)

 

1. Install Node 8.3 or newer (https://nodejs.org/ko)

1-1. 추가! 파이썬! 현재 리엑트네이트브는 빌드할때 파이썬이 필요! 파이썬은 3버전이 제공되지만, 리엑트네이티브는 2버전을 사용하므로 파이썬 2버전을 설치. (https://www.python.org/)

1-2. 추가! JDK 다운로드 (https://bit.ly/jdk-14-download) & 환경변수 JAVA_HOME 등록 및 시스템변수에 bin폴더 등록

2. npm install -g react-native-cli (expo 버전은 명령어가 다름. 이건 native)

3. Install Android Studio (for안드로이드) (https://bit.ly/android-ide-download)

4. Install Android SDK Platform 28 , Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image (SDK Build Tool이 28.0.3 이상이어야함)

5. 환경변수 설정 : ANDROID_HOME C:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

6. 환경변수 추가 : Path C:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk\platform-tools

 

7. 명령프롬프트에서 프로젝트를 생성할 폴더에 위치 후 npx react-native init projectname (프로젝트 생성)

 

adb devices (연결된 안드로이드 디바이스 확인 가능)

node -v (노드 버전 확인 v10.16.3)

react-native -version (react 및 native 버전 확인 react-native-cli : 2.0.1 , react-native : 0.61.5)

 

react-native init projectname --version react-native@0.56 (버전을 명시하여 생성가능)