chrome.storage.local 기반의 Local-first 아키텍처로 구현한 지식 관리 시스템

Context

Dev.to의 기본 Reading List가 제공하는 단순 저장 방식의 한계로 인한 정보 휘발성 문제 발생. 읽음 상태 구분 부재와 능동적 회상 장치 부족으로 인해 저장된 콘텐츠가 활용되지 못하고 누적되는 Cognitive Overload 현상 심화.

Technical Solution

• Manifest V3 기반의 Service Worker를 활용한 백그라운드 프로세스 구축
• chrome.alarms API를 통한 시간 기반 트리거 설계로 CPU 리소스 소모를 최소화한 알림 로직 구현
• 서버리스 Local-first 설계를 위해 chrome.storage.local에 Read/Unread 상태 및 타임스탬프 관리
• Dev.to API와 클라이언트 측 로컬 스토리지를 결합하여 외부 DB 없이 데이터 무결성 유지
• Shimmer Loader 도입과 API 호출 최적화를 통한 대량 데이터 로딩 시의 UI 렌더링 성능 확보
• OAuth 부재에 따른 Personal API Key 기반의 보안 인증 체계 적용