자동 저장은 작업 손실을 방지하지만, 잘못된 대규모 코드 변경을 되돌리는 데는 한계가 있습니다. GB Coder는 브라우저 IndexedDB를 활용하여 원하는 시점의 프로젝트 스냅샷을 생성하고, 코드 차이점을 확인하며, 즉각 롤백할 수 있는 엔진을 탑재했습니다.

1. 로컬 환경에서 명시적 체크포인트가 필요한 이유

자동 저장은 오류가 발생한 코드도 그대로 저장합니다. 과감한 리팩터링을 시작하기 전에는 언제든 안전하게 복구할 수 있는 스냅샷이 필수적입니다.

2. 프로젝트 표시줄에서 명명된 스냅샷 생성

Ctrl+Shift+S를 누르고 "Tailwind 이전 상태"와 같이 이름을 지정합니다. 전체 가상 파일 시스템 트리가 타임스탬프와 함께 IndexedDB에 안전하게 보관됩니다.

3. Monaco Diff 에디터로 이전 변경점 비교

스냅샷 관리자에서 특정 시점을 선택하면 Monaco의 내장 Diff 에디터가 열립니다. 추가된 부분은 초록색, 삭제된 부분은 빨간색으로 나란히 표시됩니다.

// Structure of a snapshot record stored in IndexedDB
{
  "snapshotId": "snap-1729420800000",
  "projectId": "proj-default",
  "label": "Working Form Validation State",
  "createdAt": "2026-10-20T10:40:00.000Z",
  "filesCount": 5,
  "sizeBytes": 14280,
  "fileManifest": ["index.html", "style.css", "script.js"]
}

4. 클릭 한 번으로 안전한 롤백 수행

실험적 작업이 실패한 경우 "스냅샷 복원"을 클릭하면 즉시 이전 상태로 복구됩니다. 덮어쓰기 전 현재 상태에 대한 안전 백업도 제공됩니다.