IndexedDB 활용 — 브라우저 오프라인 스토리지

Dexie.js로 쉽게 사용

import Dexie from "dexie";

const db = new Dexie("MyApp");
db.version(1).stores({
  todos: "++id, title, completed, createdAt",
});

// CRUD
await db.todos.add({ title: "할 일", completed: false, createdAt: new Date() });
const todos = await db.todos
  .where("completed").equals(false)
  .sortBy("createdAt");

await db.todos.update(1, { completed: true });
await db.todos.delete(1);

오프라인 동기화

온라인 복귀 시 로컬 변경사항을 서버와 동기화하는 패턴이 필요합니다.