Expo를 사용한 부트스트랩 - React Native SDK
Atlas Device SDK Expo 템플릿 은(는) Atlas Device SDK 로 앱 개발 프로젝트 를 부트스트랩하는 데 사용할 수 있는 완전히 작동하는 React Native 애플리케이션 을 제공합니다. 이 가이드 에서는 템플릿을 초기화하고 작업하는 방법을 설명합니다.
Expo 템플릿은 다음을 사용합니다.
Expo: React Native 애플리케이션 개발, 구축 및 배포를 위한 프레임워크입니다.
@realm/react: 데이터베이스에 쿼리 또는 쓰기, 데이터베이스 객체 수신 등 일반적인 Realm 작업을 수행하기 위해 사용하기 쉬운 API를 제공하는 npm 패키지입니다.
전제 조건
Expo SDK v48 이상
호환성 차트 확인 특정 React Native SDK 버전과 호환되는 Expo SDK 버전을 확인합니다.
템플릿 초기화하기
템플릿 애플리케이션을 초기화하려면 create-expo-app을 사용합니다. 플래그 --template @realm/expo-template을 전달하여 Device SDK 템플릿을 기반으로 React Native 애플리케이션을 초기화합니다.
터미널에서 다음 명령을 실행하세요.
npx create-expo-app AtlasDeviceSdkApp --template @realm/expo-template
앱 종속성을 설치합니다.
npm install
파일 구조 살펴보기
관련 파일은 다음과 같습니다.
file | 목적 |
|---|---|
Task.ts | 객체 스키마 작업을 정의하고 RealmProvider 및 후크를 반환하는 타입스크립트(Typescript) 파일입니다. |
App.ts | 애플리케이션으로의 진입점으로 작업을 생성하고, 업데이트하고, 삭제하는 메서드가 포함되어 있습니다. RealmProvider 구성 요소는 App 구성 요소를 래핑해서 영역에 대한 액세스 권한을 애플리케이션 전체에 제공합니다. |
TaskList.tsx | 데이터베이스에서 작업 객체 목록을 가져오고 각 객체를 TaskItem 구성 요소로 렌더링하는 React 구성 요소입니다. |
TaskItem.tsx | 작업에 대한 설명, 작업의 완료 여부를 켜거나 끄는 확인란, 작업 삭제 버튼을 표시하는 React 구성 요소입니다. |
애플리케이션 빌드/실행하기
Android 에뮬레이터 에서 애플리케이션을 실행하려면 , 애플리케이션 루트에서 다음 명령을 실행합니다.
npx expo run:android
iOS 시뮬레이터 에서 애플리케이션을 실행하려면 , 애플리케이션 루트에서 다음 명령을 실행합니다.
npx expo run:ios
위 명령을 실행하면 Expo dev-client 자동으로 시작됩니다. Expo dev-client 를 닫았다가 네이티브 빌드 프로세스를 다시 기다리지 않고 다시 시작하려면 다음을 실행하기만 하면 됩니다.
npx expo start --dev-client
그러나 네이티브 코드를 변경한 경우 npx
expo run:ios,npx expo run:android 네이티브 iOS/Android 앱을 다시 빌드하려면 또는 를 다시 실행해야 합니다.
애플리케이션 배포하기
애플리케이션을 배포하려면 EAS(Expo Application Services) 를 사용하는 것이 좋습니다. Expo 및 React Native 앱을 위해 긴밀하게 통합된 클라우드 서비스 모음입니다. EAS를 사용하면 컴파일하고 서명 할 수 있습니다. CLI 명령 한 번으로 앱을 Apple App Store 또는 Google Play Store에 업로드하고 버그 수정이나 소소한 변경 사항을 앱 사용자에게 직접 푸시할 수 있습니다.
또는 Expo Distribution Overview (엑스포 배포 개요)를 읽어보세요. 가이드를 통해 네이티브 빌드를 생성하고, 앱 스토어에 배포하고, 일반적인 App Store 거부를 방지하고, 다양한 릴리스 환경을 관리하는 방법을 알아봅니다.