올바른 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 #ネイティブコードとのリンクを行う(パッケージをインストールするときによく使う)
Reference
이 문제에 관하여(올바른 React Native의 환경 만들기(Mac/2018년도판)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/wktq/items/41f7313eb37053b5dd2c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
brew install yarn
brew install nodebrew
yarn global add create-react-native-app
create-react-native-app MyApp
cd MyApp
yarn start
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를 설치하고 다음 명령으로 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 #ネイティブコードとのリンクを行う(パッケージをインストールするときによく使う)
Reference
이 문제에 관하여(올바른 React Native의 환경 만들기(Mac/2018년도판)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/wktq/items/41f7313eb37053b5dd2c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)