React Native 날씨앱 - (1) expo로 프로젝트 만들기

React Native의 프로젝트를 만드는 방법은 두 가지 있다.

하나는 Expo CLI, 또 하나는 React Native CLI 이다.

Expo는 우리가 react에서 create-react-app 을 사용했던 것처럼 native한 파일들을 감추어 주고 설정이 다 자동으로 되어있어 개발하기 좀 더 편한 환경을 제공한다.(이외에도 좋은 라이브러리들을 제공하니 웬만하면 expo를 써서 앱을 만들자)

React Native CLI는 리액트 네이티브를 좀 더 네이티브(?)하게 사용할 수 있다. 이것으로 프로젝트를 진행하는 것은 좀 더 큰 규모의 회사(리액트 네이티브의 코어 부분을 좀 더 만저야 하는 프로젝트를 하는 회사)가 사용한다고 하는데... 실제로 이걸 쓸 일은 거의 없을 것 같다.

 

그래서 날씨앱을 만드는 프로젝트를 포함해서 대부분의 RN프로젝트는 Expo CLI로 진행하게 될 것이다.

 

Expo CLI 설치

npm install -g expo-cli

 

expo-cli를 설치 후 다음과 같이 빌드를 할 수 있다.

 

expo init AwesomeProject

cd AwesomeProject
npm start # you can also use: expo start

 

 

npm start를 하면 다음과 같은 인터넷 창이 열린다.

 

npm start 하면 얻는 새 인터넷 창

여기서 Run on Android 혹은 Run on iOS 를 통해 실제 앱을 컴퓨터에서 구동해볼 수 있다.

물론 iOS의 경우 맥 컴퓨터에서 Xcode가 있어야 한다.

아니면 가지고 있는 스마트폰에서 expo 어플을 깔고 연동해서 바로 시뮬레이팅해볼 수도 있다.

테스트하는 방법은 여러 가지니 편한 방법을 택하자.