LANGUAGE/React Native

[RN] react-native 환경 구축, windows / expo(x)

보겸삼촌 2020. 6. 13. 23:19

# 목적

이전 글들에서는 Expo Cli를 이용해서 react-native를 구축하는 방법에 대해서 기술했으나, 앱의 파일 사이즈가 점점 커지고, Expo에서 제공하지 않는 네이티브 모듈 추가 시 발생하는 문제와 업데이트 됨에 따라 유지보수 하는 부분에서 불편함이 생기기 때문에 React Native Cli으로 앱을 개발하는 방법에 대해 기술함

 

  다른 게시글들은 보통 Mac으로 개발을 하기 때문에 Xcode 등을 설치하고 진행을 한다면, 여기서는 Windows OS에서 개발환경을 구축하고 개발하는 부분을 기술할 예정.

 

 

 

1. Install Chocolatey

 

  : MacOS에는 Homebrew 가 있다면 Windows에는 Chocolatey가 있음. 필요한 패키지를 설치하고 관리해주는 패키지 관리자라고 생각하면 됨

 

  1.1. 설치방법

    - 관리자권한으로 command창을 열고 다음 명령어를 입력함

 

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

 

  1.2. 설치 확인

# command
choco -version

 

 

2. Install node.js

 

3. Install Python

  : React Native의 Build 시스템은 Python을 사용함, 직접 설치해도 괜찮고, chocolatey를 이용해 설치해도 됨

 

# command
choco install -y python2

 

4. Install React Native CLI

# command
npm install -g react-native-cli

 

 

5. Install JDK(Java Development Kit)

# command
choco install -y jdk8

 

 

6. Install Android Studio

 

https://developer.android.com/studio

 

Download Android Studio and SDK tools  |  Android 스튜디오

developer.android.com

 

SDK Manager > Andriod SDK > SDK Platforms Tab...

 

  6.1. 시스템 환경 변수 설정

 

 

  6.2. Path 설정

 

  6.3. 설치 확인

# command
adb

 

 

 

[참고] https://dev-yakuza.github.io/ko/react-native/install-on-windows/