올바른 React Native의 환경 만들기(Mac/2018년도판)

3768 단어 YARNreactnativeexpo

추가 (2019/1/18) : create-react-native-app가 expo-cli에 통합되었다는 정보를 주셔서 수정했습니다.



・공식 docs
htps : // 펑세보오 k. 기주 b. 이오/레아 ct-나치ゔぇ/도 cs/갓찐 g-s r d. HTML

React Native 프로젝트를 만드는 방법에는 두 가지가 있습니다.
① expo CLI 사용
② React Native CLI 사용

① expo-cli 사용



Github: htps : // 기주 b. 코m/에 x포/에 x포 cぃ/
문서 : htps : // / cs. 에 x포. 이오 / ゔ r 시온 s / ぁ st / rkf

Expo CLI란?



expo-cli를 사용하면 expo라는 iOS/Android 앱을 통해 빌드 불필요한 디버깅을 할 수 있게 됩니다.

결국 네이티브 빌드 할 때는 eject라는 작업으로 표준 프로젝트로 변환합니다.

공식 docs는 이 방법을 권장합니다.

설치



npm과 yarn이 설치되어 있다고 가정합니다. 둘 다 brew로 설치할 수 있습니다.
brew install yarn
brew install nodebrew

그런 다음 create-react-native-app를 설치합니다.
yarn global add create-react-native-app
create-react-native-app MyApp

cd MyApp
yarn start



이제 MyApp이라는 앱이 expo를 통해 확인할 수 있습니다.

iOS 시뮬레이터를 시작하려면 터미널에서 "s"를 입력하고 Android 에뮬레이터에서 확인하려면 "a"를 입력합니다. 시뮬레이터와 에뮬레이터에서 expo를 시작하고 expo를 통해 프로젝트를 확인할 수 있습니다.

expo 공식 사이트
h tp : // 에 x포. 이오/

주) 참고로 2018년 봄경부터 iOS에서는 자신의 계정 이외의 프로젝트를 확인할 수 없게 되었습니다.

네이티브 빌드하기



expo에서는 실제의 빌드나, 네이티브 SDK의 이용등을 할 수 없습니다. (대응하는 것을 제외한다)
그래서 eject를 수행하고 표준 React Native 프로젝트로 변환합니다.

이젝트



・EJECTING의 공식docs
htps : // 기주 b. 이 m/레아 ct- 엎드려서 ty/c 어어어-레아 ct-나치ゔぇ-아니 p/bぉb/마s r/에지ぇC친 G. md

실제로 빌드하거나 Xcode나 Android Studio에서 확인하고 싶은 경우에는 eject라는 작업으로 expo 프로젝트를 표준 React Native 프로젝트로 변환할 수 있습니다.
yarn run eject # コマンド実行後にいくつか質問されます。

? How would you like to eject from create-react-native-app? (Use arrow keys)
❯ React Native: I'd like a regular React Native project. #これを選ぶ
  ExpoKit: I'll create or log in with an Expo account to use React Native and the Expo SDK.
  Cancel: I'll continue with my current project structure.

? What should your app appear as on a user's home screen? #ホームスクリーンに表示するアプリ名を入力

이제 표준 React Native 프로젝트로 변환됩니다. 이제 다음과 같은 React Native CLI 명령을 사용할 수 있습니다.

② React Native CLI 사용



처음부터 표준 React Native 프로젝트에서 시작하려면 React Native CLI를 설치하고 다음 명령으로 init할 수 있습니다.
yarn global add react-native-cli # CLIのインストール
react-native init MyApp

cd MyApp
react-native run-ios #iOSで起動します

React Native CLI 명령


react-native init アプリ名 #新規アプリを作成
react-native run-ios #iOSで起動します
react-native run-android #Androidで起動します
react-native link #ネイティブコードとのリンクを行う(パッケージをインストールするときによく使う)

좋은 웹페이지 즐겨찾기