React Native에서 데이터를 로컬에 어떻게 영속화하나요?

Question

Accepted Answer

React Native 앱은 종종 **데이터를 로컬에 저장**해야 합니다 — 사용자 설정, 캐시된 데이터, 인증 토큰, 오프라인 콘텐츠. 옵션으로는 **AsyncStorage**(키-값), **MMKV**(빠름), **SQLite**, 민감한 데이터를 위한 **보안 저장소**가 있습니다. 올바른 것을 선택하는 것이 중요합니다.

## 로컬 저장소 옵션

```text
ASYNCSTORAGE → 간단한 비동기 키-값 저장소 (흔한 기본 옵션):
  → 문자열 저장 (객체는 JSON으로 직렬화); 설정, 작은 데이터, 간단한 캐싱용
  → 비동기 API; 앱 실행 간 영속됨
MMKV → 매우 빠른 키-값 저장소 (WeChat 제작) — AsyncStorage보다 빠르고 동기적;
  성능을 위한 인기 있는 최신 선택지
SQLITE (예: expo-sqlite, react-native-sqlite, WatermelonDB) → 구조화된/큰 데이터,
  쿼리, 관계, 오프라인 우선 앱을 위한 관계형 DATABASE
보안 저장소 → expo-secure-store / react-native-keychain (민감한 데이터용 — 토큰,
  자격 증명) — 암호화됨 (keychain/keystore)
```

## AsyncStorage 예시

```jsx
import AsyncStorage from '@react-native-async-storage/async-storage';

await AsyncStorage.setItem('user', JSON.stringify(user));   // 저장 (직렬화)
const json = await AsyncStorage.getItem('user');
const user = json ? JSON.parse(json) : null;                 // 조회 (파싱)
```

## 올바른 옵션 선택

```text
간단한 설정/작은 데이터 → AsyncStorage (또는 속도를 위한 MMKV)
구조화/큰/관계형/오프라인 데이터 → SQLite / WatermelonDB
민감한 데이터 (인증 토큰, 비밀번호) → 보안 저장소 (암호화) — AsyncStorage 아님
  (암호화/보안되지 않음 — 흔한 보안 실수)
→ 데이터의 크기, 구조, 민감도에 저장소를 맞출 것.
```

## 왜 중요한가

React Native에서 데이터를 로컬에 영속화하는 방법을 이해하는 것은 가치가 있는데, **앱은 흔히 기기에 데이터를 저장**(설정, 캐시된 데이터, 토큰, 오프라인 콘텐츠)해야 하므로 실제 앱 개발에 유용한 실용 지식입니다.

로컬 영속화는 거의 보편적인 요구이고, React Native는 여러 옵션을 제공합니다.

**옵션** — **AsyncStorage**(설정과 작은 데이터를 위한 흔한 간단 비동기 키-값 저장소), **MMKV**(매우 빠른 최신 키-값 대안), **SQLite/WatermelonDB**(쿼리가 있는 구조화, 큰, 또는 오프라인 우선 데이터를 위한 관계형 데이터베이스), **보안 저장소**(민감한 데이터를 위한 expo-secure-store/react-native-keychain) — 와 **각각의 사용 시점**을 이해하는 것이 핵심 지식입니다.

**올바른 옵션** 선택이 중요합니다. 간단한 데이터엔 AsyncStorage나 MMKV, 구조화/큰/오프라인 데이터엔 SQLite, 그리고 결정적으로 인증 토큰과 자격 증명 같은 **민감한 데이터엔 보안 저장소**(플랫폼 keychain/keystore를 통해 암호화되어야 함 — 중요한 보안 포인트로, **AsyncStorage는 보안/암호화되지 않아 비밀을 담아서는 안 됨**, 흔한 실수).

데이터의 크기, 구조, 민감도에 저장소를 맞추는 것은 건전한 결정을 반영하고 문제(잘못된 도구, 또는 안전하지 않게 저장된 자격 증명)를 피합니다.

오프라인 우선 솔루션(WatermelonDB)을 아는 것은 견고한 오프라인 지원이 필요한 앱에 가치가 있습니다.

앱이 흔히 로컬 영속화(설정, 캐싱, 토큰, 오프라인 데이터)가 필요하고 React Native가 다양한 요구를 위한 옵션을 제공하며, 적절히 선택하는 것(특히 민감한 데이터에 보안 저장소 사용)이 실제 앱을 올바르고 안전하게 만드는 데 중요하므로, React Native에서 로컬 데이터 영속화를 이해하는 것은 가치 있고 실용적으로 관련된 지식입니다 — 실제 앱에서 흔한 요구이고, 기능(올바른 데이터를 올바른 방법으로 저장)과 보안(AsyncStorage가 아닌 보안 저장소로 민감한 데이터 보호) 모두에 중요하며, 상태를 기억하고 오프라인에서 동작하는 앱을 만드는 데 유용합니다.