본문 바로가기

Android

[React Native/리액트 네이티브] 시작하기 (feat. Node.Js)

정확한 정보는 공식 홈페이지에 있습니다.

공식홈페이지 Url : https://reactnative.dev/docs/environment-setup

 

일단 Node.Js를 다운받으세요.

 

다운로드 Url : https://nodejs.org/

 

Node.Js를 다운 받을 때 Chocolatey를 다운받는 체크박스가 있는데, 꼭 체크해주세요.

 

 

그리고 Powershell을 관리자모드로 실행 후

choco install -y nodejs.install python2 jdk8

 

다운이 다 되었다면, 안드로이드 스튜디오를 다운!!

 

다운로드 Url : https://developer.android.com/studio/install

 

 

그리고 안드로이드 스튜디오 내 SDK Manager를 켜서 아래에 2개를 추가!!

(SDK Manager 못찾겠으면, 우측상단에 검색바 이용)

 

  • Android SDK Platform 28

  • Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image

 

 

그리고 "시스템 환경 변수"에 들어가서

환경변수를 추가해야합니다.

 

환경변수명(Variable name) : ANDROID_HOME

환경변수값(Variable value) : C:\Users\사용자계정명\AppData\Local\Android\Sdk

(환경변수값 못찾겠으면, SDK Manager에 경로가 나와있습니다)

 

그리고 path에서 환경변수값을 추가합니다

환경변수값(Variable value) : C:\Users\사용자계정명\AppData\Local\Android\Sdk\platform-tools

 

마지막으로 cmd창에서

npm install -g create-react-native app
npm install -g react-native-cli

// cd Desktop, 이런식으로 경로 들어가서 만드시면 됩니다.

create-react-native-app 프로젝트명

 

하면 프로젝트 생성까지 완료됩니다.

 

npm run android

npm run ios // macOS가 필요합니다.