indexeddb 썸네일형 리스트형 React에서 IndexedDB를 이용한 오프라인 데이터 저장 네트워크가 불안정한 환경에서도 사용자 경험을 지키려면 클라이언트 로컬에 데이터를 안전하게 저장해야 합니다. 브라우저 표준 로컬 DB인 IndexedDB는 대용량, 트랜잭션, 인덱스를 지원하며 React 앱의 오프라인 퍼스트(Offline-first) 전략에 적합합니다. 이 글은 실무에서 바로 쓸 수 있는 최소 구현부터 동기화 전략까지 간결하게 정리했습니다.1. 언제 IndexedDB를 써야 하나요?- API 읽기/쓰기 지연을 숨기는 캐시 레이어가 필요할 때- 네트워크 오프라인 상태에서도 생성/수정 작업을 허용하고 나중에 서버와 동기화할 때- 로컬스토리지로는 부족한 대용량, 구조화된 데이터가 있을 때2. 빠른 시작: idb로 안전하게 다루기IndexedDB의 네이티브 API는 콜백과 이벤트 기반으로 번거롭.. 더보기 이전 1 다음