CS/React-Native
[React-Native] 1. 환경 설정 및 프로젝트 생성 - Windows10
Jiny'-'
2021. 3. 4. 21:19
반응형
1. Chocolatey 설치
우선 윈도우 패키지 관리자인 Chocolatey를 설치해줍니다. cmd창을 관리자 권한으로 연 후, 아래와 같은 명령어를 입력합니다.
@"%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"
2. Node.js 설치
cmd창을 관리자 권한으로 실행한 후, 아래와 같은 명령어를 입력해 Node.js를 설치해줍니다.
choco install -y nodejs.install
Node.js를 설치하면 Nodejs의 패키지 관리자인 npm도 함께 설치됩니다.
3. React Native CLI 설치
cmd창에 아래와 같은 명령어를 입력해 React Native CLI를 설치합니다.
npm install -g react-native-cli
4. JDK 설치
안드로이드 앱 개발을 위해 JDK를 설치해주어야 합니다. cmd창에서 choco를 사용해 jdk를 설치해줍니다.
choco install -y jdk8
5. Android Studio 설치
안드로이드 스튜디오 설치 주소: developer.android.com/studio
Download Android Studio and SDK tools | Android 스튜디오
developer.android.com
안드로이드 스튜디오를 설치해준 후, 환경변수 설정까지 진행해줍니다.
- 환경 변수에 아래와 같이 추가해줍니다.
ANDROID_HOME | SDK 주소 (ex. C:\Users\{User_name}\AppData\Local\Android\Sdk) |
PATH | %ANDROID_HOME%\platform_tools 추가 |
6. 프로젝트 생성 후 확인
아래와 같은 명령어를 입력해 프로젝트를 생성합니다.
react-native init SampleApp
안드로이드 스튜디오에서 애뮬레이터를 실행한 후 아래 명령어를 통해 실행, 애뮬레이터에서 작동하는 것을 확인할 수 있습니다.
cd SampleApp
# react-native run-android
npm run android
출처
반응형