IndexedDB 기반 WAL 패턴 도입으로 브라우저 데이터 휘발성 해결

Context

모바일 환경의 OS 리소스 관리 정책에 따른 브라우저 탭 강제 종료와 이로 인한 입력 데이터 소실 문제 발생. 기존 웹 애플리케이션의 State 관리 방식이 프로세스 종료 시 유지되지 않는 휘발성 구조인 점을 한계로 분석.

Technical Solution

• Debounced listener 기반 input 이벤트 감지를 통한 Form State의 IndexedDB 실시간 동기화 구조 설계
• 데이터 쓰기 작업 전 IndexedDB에 먼저 기록하는 Write-Ahead Logging(WAL) 전략을 통한 쓰기 내구성 확보
• FileSystemDirectoryHandle을 IndexedDB에 저장하여 리프레시 후에도 파일 경로를 유지하는 Handle Re-acquisition 로직 구현
• visibilitychange 이벤트를 활용한 프로세스 종료 직전 최종 상태 동기화 시도
• NotAllowedError 발생 시 User Gesture를 통해 권한을 재획득하고 WAL 데이터를 디스크로 Flush하는 오케스트레이션 레이어 구축
• password, token 등 민감 정보 필드를 제외하는 Privacy Filter 적용을 통한 보안성 유지