react-native-async-storage

AsyncStorage는 리액트 네이티브에서 데이터를 비동기적으로 저장하기 위한 API이다.

 

 

간단한 사용법을 알아보자!

 

---

 

데이터를 저장하는 예제 코드는 다음과 같다. 

 

다음의 코드는 AsyncStorage의 'setItem' 함수를 사용하여 'key'와 'value'를 저장하는 것을 보여줍니다.

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

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

 

 

---

다음의 코드는 AsyncStorage의 'getItem' 함수를 사용하여 'key'로 저장된 데이터를 검색하는 것을 보여줍니다.

이번에는 function 키워드로 작성했다. 

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

const getData = async(key) => {
	try{
    	const value = await AsyncStorage.getItem(key);
        if( value !== null ){
        	// 이전에 저장된 값
        }
    }catch(e){
    	// 값 읽어오는 것 에러
    }
}

 

 

 

---

 

다음의 코드는 AsyncStorage의 'removeItem' 함수를 사용하여 'key'로 저장된 데이터를 삭제하는 것을 보여줍니다.

이번에는 function 키워드로 작성했다. 

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

async function removeData(key){
	try{
    	await AsyncStorage.removeItem(key)
        }catch(e){
        //error removing value
        }
    }

 

 

 

 

안타깝게도 async storage 공식 깃에 가면 ios / android 는 지원하지 않는다고 나와있는데, 그럼 앞으로 local storage는 어떻게 접근해야하나 싶긴하다. 코드가 작동하긴 한다.