Docs Menu

React Native 전용 Atlas Device SDK

React Native용 Atlas Device SDK를 사용하여 JavaScript 또는 타입스크립트(Typescript)로 iOS 및 안드로이드 앱을 개발할 수 있습니다.

학습 경로
기능 아이콘

빠른 시작

이 SDK로 작업하는 방법에 대한 최소한의 설명이 포함된 코드 예시입니다. 디바이스의 데이터베이스에 쓰고 다른 디바이스와 동기화하세요.

코드 예시 보기

Atlas Device SDK Mobile 아이콘

작동 예시 앱

예시를 통해 React Native SDK를 사용해 실제 작동하는 React Native 클라이언트 앱을 분석하여 알아보세요.

예시 앱 살펴보기

튜토리얼 아이콘

가이드 튜토리얼

안내된 튜토리얼을 따라 예시 앱을 조정하여 실제로 작동하는 나만의 앱을 만드는 방법을 알아보세요.

튜토리얼 따라하기

가능한 작업들

SDK의 오픈 소스 데이터베이스인 Realm을 사용하여 기기에 데이터를 저장할 수 있습니다. Device Sync를 사용하여 MongoDB Atlas 클러스터 및 다른 클라이언트와 데이터를 동기화할 수 있습니다.

1

React Native 및 SDK를 사용하여 프로젝트를 설정합니다. 시작하려면 React Native SDK를 설치하세요.

2

JavaScript를 사용하여 객체 스키마를 관용적으로 정의합니다.

3

로드 시 초기 데이터 채우기, 암호화 키를 사용하여 데이터 보호하기 등과 같은 작업을 수행하도록 데이터베이스를 구성할 수 있습니다. 데이터 작업을 시작하려면 데이터베이스를 구성하고 엽니다.

4

기기 데이터베이스에서 객체를 생성, 읽기, 업데이트, 삭제할 수 있습니다. 복합 쿼리를 구성하여 데이터를 필터링합니다.

5

라이브 객체는 데이터가 항상 최신 상태임을 의미합니다. 변경 리스너를 등록하여 변경 사항에 반응하고 UI 업데이트와 같은 로직을 수행합니다.

Atlas Device SDK Mobile 일러스트레이션
1

App Services App에서 Device Sync를 구성합니다. 데이터 액세스 규칙을 정의하거나 개발 모드를 사용하여 클라이언트의 데이터 모델에서 스키마를 추론합니다. 그런 다음 React Native 앱에서 백엔드 앱에 연결합니다.

2

앱 서비스는 사용자 지정 JWT 인증, 내장 이메일/비밀번호 제공자, 익명 인증, Apple, Google, Facebook과 같은 인기 있는 인증 제공자에 대한 액세스를 제공합니다. 이러한 제공자를 사용하여 클라이언트에서 사용자를 인증합니다.

3

데이터 동기화를 시작하려면 동기화된 데이터베이스를 엽니다. 동기화된 데이터베이스에서 읽고 쓸 수 있는 데이터를 확인하려면 쿼리를 구독하세요.

4

데이터 읽기 및 쓰기 API는 동기화된 데이터베이스와 동기화되지 않은 데이터베이스 모두에서 동일합니다. 기기에 읽고 쓰는 데이터는 Atlas 클러스터 및 다른 클라이언트와 자동으로 동기화됩니다. 앱은 오프라인에서 계속 작동하며 네트워크 연결이 가능할 때 변경 사항을 동기화합니다.

Device Sync 그림

Realm SDK 를 사용하여 React Native 애플리케이션 에서 Atlas App Services 를 사용하세요.

React Native 클라이언트 에서 서버리스 백엔드 로직을 호출하려면 Atlas Functions를 호출합니다.

MongoDB 데이터 액세스를 사용하여 클라이언트 애플리케이션 코드에서 직접 MongoDB 에 저장된 데이터를 쿼리합니다.

내장 및 타사 인증 제공자 를 사용하여 사용자를 인증합니다. 인증된 사용자로 App Services 에 액세스합니다.

App Services 일러스트레이션

@realm/react React Native 앱 에서 데이터베이스 쿼리 또는 쓰기, 객체 변경 사항 수신과 같은 일반적인 SDK 작업을 수행할 수 있는 사용하기 쉬운 API 를 제공하는 npm 패키지 입니다. @realm/react 에는 SDK 작업을 위한 React 컨텍스트, 제공자 및 후크가 포함되어 있습니다.

@realm/react 를 사용하여 데이터베이스, Atlas App Services 및 Atlas Device Sync를 관리합니다.

Atlas Device SDK Mobile 일러스트레이션
필수 문서
Atlas Device SDK 아이콘

JavaScript API 참고 자료

React Native SDK에 대해 생성된 참고 자료 문서를 살펴보세요.

React Native 참고 자료

엑스포 아이콘

Expo를 이용한 React Native 퀵 스타트

@realm/react와 함께 Expo 템플릿 애플리케이션을 사용하여 React Native 애플리케이션을 빠르게 빌드하고 배포하세요.

퀵 스타트 살펴보기

엔지니어링 및 전문가가 제공한 예시 프로젝트를 살펴보면서 React Native SDK를 사용한 권장사항과 일반적인 개발 패턴을 알아보세요. 더 많은 React Native 샘플 앱은 Example Projects(예시 프로젝트) 페이지에서 확인하세요.

모바일 데이터베이스 아이콘

Netflix와 유사한 영화 앱

영화를 검색할 수 있는 Netflix와 유사한 앱을 MongoDB의 Mflix 샘플 데이터 세트를 통해 빌드하세요. 여러 데이터베이스를 사용하여 사용자가 자신의 비공개 목록에서 영화를 동기화하고 관리할 수 있습니다.

예시 프로젝트

Realm 오프라인 아이콘

오프라인 로그인 및 데이터베이스 액세스

Device Sync 사용자로 로그인하고 오프라인에서 동기화된 데이터베이스를 엽니다.

예시 프로젝트

사용자 아이콘

사용자의 온라인 상태

사용자와 디바이스의 연결/활동을 감지합니다.

예시 프로젝트

클라우드 모바일 전송 아이콘

연결 상태 변경 및 오류 처리

동기화 오류 처리 및 클라이언트 재설정 전략에 관한 권장사항을 알아보세요.

예시 프로젝트