[Frontend] AsyncStorage Research

[heehminh]

📌 Description

AsyncStorage 사용법 리서치

🎈 Goal

$\tiny{구체적인\ 산출물을\ 포함한\ 목표를\ 작성해주세요.}$

• AsyncStorage 를 사용해 Gif path 저장

✏️ Todo

$\tiny{목표\ 달성을\ 위해\ 해야할\ 일을\ 세부적으로\ 작성해주세요.}$

• [ ] AsyncStorage 모듈 설치
• [ ] 사용법 공부
• [ ] Gif Path 저장 (file:/// ~)

[heehminh]

웹을 개발할 때 데이터를 간단하게 영구적으로 (?) 저장하려면 Local Storage를 사용하는데, 앱을 개발할 때는 AsyncStorage를 사용할 수 있다. 보통 유저 정보나 토큰들을 저장하는데 사용된다.

1. 모듈 설치

npm install @react-native-async-storage/async-storage

2. 사용법

react-native-async-storage docs

Storing string value

const storeData = async (value) => {
  try {
    await AsyncStorage.setItem('@storage_Key', value)
    } catch (e) {
      // saving error
  }
}

Storing object value

const storeData = async (value) => {
  try {
    const jsonValue = JSON.stringfy(value)
    await AsyncStorage.setItem('@storage_Key', jsonValue)
    } catch (e) {
      // saving error
  }
}