[React Native] Async-Storage , Encrypted-Storage


1. Async-Storage

React Native μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ μ‚¬μš©λ˜λŠ” 비동기 데이터 μ €μž₯μ†Œ 라이브러리

πŸ€³πŸ»Β μ£Όμš” νŠΉμ§•: 앱을 μ’…λ£Œ ν›„ λ‹€μ‹œ μ‹€ν–‰ν•˜μ˜€μ„ λ•Œμ—λ„ 데이터가 μœ μ§€λ˜μ–΄μ•Ό ν•˜λŠ” κ²½μš°μ— μ‚¬μš©

  • 비동기 데이터 μ €μž₯μ†Œ: Async-StorageλŠ” 비동기 데이터 μ €μž₯μ†Œλ‘œ, 데이터λ₯Ό λΉ„λ™κΈ°μ μœΌλ‘œ μ €μž₯ν•˜κ³  검색할 수 μžˆλ‹€.
  • 둜컬 데이터 μ €μž₯μ†Œ: Async-StorageλŠ” μ•±μ—μ„œ λ‘œμ»¬μ— 데이터λ₯Ό μ €μž₯ν•˜λŠ” 데 μ‚¬μš©λ©λ‹ˆλ‹€. 이것은 μ•±μ˜ λ‹€μ–‘ν•œ μƒνƒœμ™€ μ„€μ • 데이터, μ‚¬μš©μž 토큰 및 ν”„λ‘œν•„ 정보와 같은 데이터λ₯Ό μ €μž₯ν•˜λŠ” 데 μœ μš©ν•¨.
  • λ―Όκ°ν•œ λ°μ΄ν„°μ˜ 경우 Encrypted-Storage와 같은 좔가적인 λ³΄μ•ˆ 및 μ•”ν˜Έν™”ν•œλ‹€

πŸ€³πŸ»Β μ‚¬μš© 방법:

import EncryptedStorage from "react-native-encrypted-storage";

// 데이터 μ €μž₯
await EncryptedStorage.setItem("key", "value");

// 데이터 검색
const value = await EncryptedStorage.getItem("key");

2. Encrypted-Storage

μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ 데이터λ₯Ό μ €μž₯ν•  λ•Œ μ•”ν˜Έν™”ν•˜μ—¬ λ³΄ν˜Έν•˜λŠ” 데 μ‚¬μš©λ˜λŠ” 라이브러리

πŸ€³πŸ»Β μ£Όμš” νŠΉμ§•: 앱을 μ’…λ£Œ ν›„ λ‹€μ‹œ μ‹€ν–‰ν•˜μ˜€μ„ λ•Œμ—λ„ 데이터가 μœ μ§€λ˜μ–΄μ•Ό ν•˜λŠ” κ²½μš°μ— μ‚¬μš© (Refresh token)

  • 데이터 λ³΄μ•ˆ: Encrypted-StorageλŠ” μ €μž₯ν•  데이터λ₯Ό μ•”ν˜Έν™”ν•˜μ—¬ μ €μž₯ν•œλ‹€. 이둜써 μ•± λ‚΄μ—μ„œ λ°μ΄ν„°μ˜ 무단 μ•‘μ„ΈμŠ€ 및 λ³΄μ•ˆ μœ„ν˜‘μ„ λ°©μ§€ν•œλ‹€
  • 포괄적인 데이터 보호: μ•±μ˜ 데이터에 λŒ€ν•œ 좔가적인 λ³΄μ•ˆ 계측을 μ œκ³΅ν•œλ‹€. μ‚¬μš©μž 인증 토큰, λΉ„λ°€λ²ˆν˜Έ, 개인 정보와 같이 λ―Όκ°ν•œ 데이터λ₯Ό μ €μž₯ν•œλ‹€

πŸ€³πŸ»Β μ‚¬μš© 방법:

import AsyncStorage from "@react-native-async-storage/async-storage";

// 데이터 μ €μž₯
await AsyncStorage.setItem("key", "value");

// 데이터 검색
const value = await AsyncStorage.getItem("key");