4.6.3 AsyncStorage의 기본 사용법

AsyncStorage를 프로젝트에 적용해주겠습니다. 우선 AsyncStorage의 기본 사용법을 알아봅시다.

4.6.3.1 불러오기

AsyncStorage를 사용하고 싶은 컴포넌트에 다음 코드를 사용해 불러옵니다.

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

4.6.3.2 저장하기

특정 값을 저장할 때는 setItem 메서드를 사용합니다.

const save = async () => {
  try {
    await AsyncStorage.setItem('key', 'value');
  } catch (e) {
    // 오류 예외 처리
  }
}

값을 저장할 때는 문자열 타입이어야 합니다. 만약 객체 및 배열 타입을 저장하려면 다음과 같이 JSON.stringify 함수를 사용해야 합니다.

await AsyncStorage.setItem('todos', JSON.stringify(todos));