Expo로 React Native 프로젝트 시작하기

React Native의 경우 node , Watchman , React Native CLI 및 Xcode 이 필요합니다.

마디:

javascript 패키지 관리자입니다.

야경꾼:

파일의 변경 사항을 감시하고 파일이 변경되면 작업을 트리거하는 서비스입니다.

기본 CLI 반응:

React Native용 명령줄 인터페이스 모듈입니다.

엑스코드:

Iphone 시뮬레이터에서 응용 프로그램을 테스트하기 위한 Apples IDE.

1. 노드 및 Watchman 설치

Homebrew 을 사용하여 노드 및 감시자를 설치합니다.

brew install node
brew install watchman

2. React Native CLI 설치

노드 패키지 관리자(npm)를 사용하여 React Native CLI를 설치합니다.

npm install -g react-native-cli

3. Xcode 및 Xcode 명령줄 도구를 설치합니다.

설치Xcode from the app store .

Xcode 환경 설정에서 locations로 이동하여 Command Line Tools에 있는 Xcode CLI를 다운로드합니다.
Components로 이동하여 원하는 시뮬레이터(가급적 최신 버전)를 다운로드하십시오.

4. React Native 프로젝트 시작하기

이제 터미널에서 다음 명령을 실행하여 React Native 프로젝트를 시작할 수 있습니다.

react-native init MyApp
cd MyApp
react-native run-ios

그러면 React Native 프로젝트가 시작되고 iOS 시뮬레이터에서 다음과 같이 표시됩니다.

엑스포

Expo는 기본 iOS 및 Android 프로젝트를 빌드하는 데 도움이 되는 react-native와 같은 React Native를 기반으로 구축된 무료 툴체인입니다.

도구 체인은 타사 기본 React Native 구성 요소에서 일반적으로 사용할 수 있는 사용자 인터페이스 및 서비스의 구성 요소를 제공하여 React Native 앱 개발을 단순화하는 도구를 제공합니다. 이 모든 것은 Expo SDK에서 찾을 수 있습니다.

Expo CLI를 설치하고 다음 명령을 실행하여 시뮬레이터를 실행하기만 하면 됩니다.

npm install -g expo-cli
expo init MyApp
cd MyApp
npm start

마지막 명령은 Babel을 사용하여 앱의 JavaScript 코드를 컴파일하고 Expo 앱에 제공하는 HTTP 서버인 Metro Bundler를 시작합니다.

또한 기본 브라우저에서 앱 개발을 위한 제어판인 Expo Dev Tools가 열리는 것을 알 수 있습니다.

휴대폰 또는 시뮬레이터에서 앱을 엽니다.

Expo Dev Tools를 보면 실행하려는 시뮬레이터 유형(Android 또는 iOS)에 사용할 수 있는 옵션이 있습니다. 또한 Live Reload를 사용하여 QR 코드를 스캔하여 휴대폰에서 실시간으로 앱을 실행할 수 있는 옵션이 있습니다.

Android 또는 iPhone에서 Expo app을 다운로드하고 QR 코드를 스캔하기만 하면 바로 사용할 수 있습니다.

기본 문서 반응:

docs 을 보고 React Native 작동 방식에 대해 자세히 알아보십시오.