React Native

React Native 개발환경 설정 삽질하지 말고...

projin 2020. 4. 25. 11:39

 

1. Chocolatey 패키지 관리 프로그램 설치

 

초코렛티(Chocolatey)는 윈도우즈 패키지 매니저로 Package를 설치 및 관리해주는 툴입니다.

Mac에는 홈브루(Homebrew), Ubuntu에는 apt-get, CentOS에는 yum 패키지 매니저가 있습니다.

 

 

파워셀 또는 Cmd 는 관리자 권한으로 실행

(파워셀보다는 명령프로프트(cmd)로 설치하는 것이 편하실겁니다. 그 이유는 아래에...)

 

https://chocolatey.org/install

 

 

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

 

 

 

2. 노드설치

 

choco install -y nodejs.install

 

 

node 및 npm 버전 확인

 

node --version

npm --version

 

설치가 다되었다면 다음과 같이 노드의 버전을 확인할 수 있습니다.

 

파워쉘에서는 노드의 버전 확인시 아래와 같은 메세지를 볼 수 있으니 윈도우의 명령 프롬프트에서 확인

 

 

node : 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한
지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.
위치 줄:1 문자:1
+ node --version
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (node:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

 

 

nodejs 를 설치를 했으나 nodejs가 동작을 하지 않을 경우 전역에서 사용할 수 있게 설정해야 하는데
이를 위해서 환경변수 설정을 해줍니다.

 

 

 

 

 

3. 파이썬 설치

 

리액트 네이티브 빌드 시스템은 파이썬에 의존하고 있으므로 윈도우에서는 파이썬을 설치할 필요가 있으며 맥은 기본적으로 파이썬이 설치되어 있습니다.

 

choco install -y python2

 

 

 

python 버전 확인

 

python --version

 

파이썬이 정상적으로 설치되었다면 다음과 같이 버전 정보를 확인할 수 있습니다.

 

 

4. 자바 개발 킷 설치

 

choco install -y jdk8

 

 

5. 리액트 네이티브 CLI 설치

 

리액트 네이티브 CLI 설치하기 위해 npm 명령어로 다음과 같이 실행

 

npm install -g react-nacive-cli

 

 

설치되었다면 react-native --version 명령으로 리액트 네이티브 CLI 버전 확인할 수 있습니다.

 

 

6. 안드로이드 스튜디오 설치

 

윈도우에서 리액트 네이티브로 안드로이드 앱을 개발하기 위해 안드로이드 스튜디오 설치를 해야합니다.

 

Android 스튜디오 설치는 몇 번의 클릭만으로 가능합니다.

먼저, 최신 버전의 Android 스튜디오를 다운로드해야 합니다.

Windows

https://developer.android.com/studio/install

 

Android 스튜디오를 Windows에 설치하려면 다음 단계를 진행하세요.

  1. .exe 파일을 다운로드한 경우(권장) 파일을 더블클릭하여 실행합니다.

    .zip 파일을 다운로드한 경우 ZIP의 압축을 풀고 android-studio 폴더를 Program Files 폴더로 복사한 다음 android-studio > bin 폴더를 열고 studio64.exe(64비트 시스템) 또는 studio.exe(32비트 시스템)를 실행합니다.

  2. Android 스튜디오의 설정 마법사에 따라 권장하는 SDK 패키지를 설치합니다.

이상입니다. 다음 동영상은 권장 .exe 다운로드를 사용할 때의 각 설치 절차 단계를 보여줍니다.

 

안드로이드 스튜디오 다운로드

https://developer.android.com/studio

 

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

developer.android.com