React Native Tutorial - 첫 실행 # 설치 # Windows

 

공식 가이드

https://reactnative.dev/docs/environment-setup?guide=native

Setting up the development environment · React Native

 

 

Chocolatey

1. Install

  공식 사이트: https://chocolatey.org/install

  

위의  내용 복사해서 PowerShell에서 설치

 

 설치 확인: PowerShell에서 $ choco로 확인

 * 설치했는데 안뜨면 PowerShell을 껐다 켜보기

 

nodejs-lts , jdk11 설치

$ choco install -y nodejs-lts microsoft-openjdk11

 

 

Android Studio 설치 후 실행

에뮬레이터 실행

 

 

react native 전역 설치

$ npm i -g react-native

 

 

react native project 설치

원하는 경로에서 아래 명령어 실행

$ npx react-native init PROJECT_NAME

 

 

생성한 프로젝트 경로로 들어가서 Andorid 실행

$ npm run android

-> Metro 서버 실행

( Metro 서버에서 소스 코드를 컴파일하고 앱으로 전송해줌. 기본 8081포트. 메트로 서버가 꺼져있다면 터미널을 하나 더 열어 $ npm start )

 

이후 에뮬레이터에서 앱 자동 실행되면 아래와 같음