📚 Reference

• 공식 문서 1
• 공시 문서: createAsyncStoragePersister

📜 Chapter

‣

Persist 사용

‣

‣

createAsyncStoragePersister

• createAsyncStoragePersister
• 비동기로 움직이는 저장소(예: AsyncStorage, IndexedDB)에 데이터를 저장하기 위한 전용 어댑터이다.

역할

• TanStack Query는 기본적으로 데이터를 메모리(RAM)에만 들고 있다.
• 그래서 새로고침하거나 앱을 껐다 켜면 데이터가 싹 사라진다. 이를 방지하기 위해 브라우저나 기기의 물리적 저장소에 데이터를 옮겨 적어야 하는데, 이때 createAsyncStoragePersister가 그 '옮겨 적는 방식'을 정의한다.

Async(비동기)인 이유

• 웹의 localStorage는 동기(Sync) 방식이라 데이터를 읽고 쓸 때 프로그램이 잠시 멈출 수 있습니다. 반면, AsyncStorage(React Native나 IndexedDB(Web)는 데이터를 비동기로 처리한다.
  • 동기(Sync): "야, 데이터 다 저장할 때까지 아무것도 하지 말고 기다려!"
  • 비동기(Async): "데이터 저장 좀 해줘. 다 되면 알려주고, 그동안 난 다른 일 하고 있을게."
• createAsyncStoragePersister는 바로 이 비동기 저장소들과 대화할 수 있는 전용 통역사인 셈이다.

예제