리액트 네이티브 프레임워크 설치 (React Native framework Setting)

앞서서 아이오닉 프레임워크도 설치를 했었지만 이번엔 리액트 네이티브(React Native)도 설치해보고자 한다.

2019/02/12 - [프로그래밍/etc] - 아이오닉 프레임워크 설치 (IONIC framework setting)

뭐가 편한지 모르니까 다 해보고 제일 괜찮은거 해보면 좋지 않을까 싶어서이기도 하다.

변덕이 심한 타입은 아닌데...ㅋ

 

 

리액트는 페이스북에서 만들었다고 한다.

그래서 엄청 빠르게 하이브리드앱이 개발 가능하다고 한다.

인스타그램도, 중국텐센트도 리액트 프레임워크로 만들었다고 한다.

Nodejs 는 일단 앞선 포스팅에서 설치를 하였으니,

나머지는 그대로 쭉쭉~

엑스포라는 가상시뮬레이터 설치

npm install -g expo-cli

리엑트 설치

npm install -g react-native-cli

 

 

하면 간편하게 설치!

 

그리고 안드로이드 스튜디오 https://developer.android.com/studio/ 설치

설치하고 난 후,

시스템변수 설정

(시스템변수는 내컴퓨터아이콘 오른쪽클릭 > 속성 > 고급시스템설정 > 고급탭 > 환경변수 를 누르면 됨)

 

 

변수 이름 : ANDROID_HOME

변수 값 : C:\사용자\사용자명\AppData\Local\Android\Sdk (안드로이드 설치 경로)

 

그리고 Path 를 더블클릭하여 플랫폼 경로 추가

C:\사용자\사용자명\AppData\Local\Android\Sdk\platform-tools 

자바 SDK도 깔려있어야 함

Download the Latest Java LTS Free

리액트가 잘되는지 프로젝트 생성

Power shell에서 프로젝트를 생성할 디렉토리로 이동 후...

react-native init Helloworld

cd Helloworld

react-native start

한다음 다른 Power shell 창을 열어서 

react-native run-android

 

프로그램 개발툴은 비쥬얼스튜디오 코드를 다운받아서 설치!

Visual Studio Code - Code Editing. Redefined