본문 바로가기
React Native

리액트 네이티브로 앱 만들기

by 박주봉 2020. 5. 11.

React Native 시작하기

https://medium.com/@cute_mustard_sardine_17/react-native-cli-vs-expo-cli-97690423c0d9

 

React native cli vs expo cli

프론트엔드 개발을 담당하는데, React Native 로 앱을 개발하는 것은 정해졌지만, 보다 쉽게 앱을 구현하도록 도와주는 expo 를 사용할 것인지 순수 RN 으로 개발할 지를 결정하지는 못했습니다.

medium.com

Node.js 설치

https://nodejs.org/ko

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

Android studio 설치

https://developer.android.com/studio

 

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

developer.android.com

안드로이드 스튜디오 설치 후 SDK 환경변수 추가

변수 명 : ANDROID_HOME
변수 값 : andord sdk위치 (보통 C:\Users\사용자명\AppData\Local\Android\Sdk\에 위치함)

SDK Manager에서 아래 항목 설치

모든 설치 완료 후 AVD Manager 에서 에뮬레이터를 생성하고 실행 할 수 있다. (Pixel 2 로 실행함)

expo cli 설치 ( Node 12 LTS 이상에서 사용 가능 )

npm install -g expo-cli

expo 로 프로젝트 생성 후 실행

expo init AwesomeProject

cd AwesomeProject
npm start # expo start 로도 실행 가능

실행 후 안드로이드 에뮬레이터 실행 후 Run on Android device/emulator 클릭

 

'React Native' 카테고리의 다른 글

React Native 에서 웹 브라우저 Redirection 하기  (1) 2020.05.14

댓글