피드로 돌아가기
Dev.toFrontend
원문 읽기
Zero-Backend 기반의 Privacy-First 크롬 사이드 패널 뉴스 리더 설계
Building Margin: A Privacy-First News Reader Inside Chrome's Side Panel
AI 요약
Context
기존의 무한 스크롤 뉴스 피드 방식에서 탈피한 Bite-sized 콘텐츠 소비 환경 구축 필요성 대두. Chrome Extension MV3의 sidePanel API 제약으로 인해 설치 즉시 패널을 활성화할 수 없는 User Gesture 필수 조건 직면.
Technical Solution
- Preact와 Vite 기반의 경량 스택 채택을 통한 Side Panel UI 렌더링 최적화
- User Gesture 제약 해결을 위해 설치 시 Welcome Tab 생성 후 버튼 클릭으로 sidePanel.open()을 트리거하는 2단계 온보딩 프로세스 설계
- 과도한 스크롤 이벤트로 인한 카드 스킵 방지를 위해 복잡한 가속도 감지 대신 Idle Gap 기반의 제스처 인식 로직 도입
- 서버리스 아키텍처 구현을 위해 RSS 피치 및 데이터 캐싱을 chrome.storage.local과 Client-side Fetching으로 처리
- Gemini Nano 기반의 On-device Summarizer 적용 및 기기별 지원 여부에 따른 Tri-state(auto|on|off) 설정 구조 설계
- Lemon Squeezy License API를 활용한 서버리스 결제 검증 및 기능 제한(Feature Gating) 메커니즘 구현
실천 포인트
- MV3 sidePanel API 사용 시 User Gesture 필수 조건을 고려한 온보딩 UX 설계 여부 확인 - 복잡한 Heuristic 로직 도입 전 단순한 상태 기반 제어(Idle Gap 등)로 엣지 케이스 해결 가능성 검토 - 개인정보 보호가 핵심인 서비스의 경우 On-device AI 및 Local Storage 기반의 Zero-Backend 구조 검토 - 외부 License API를 통한 서버리스 멤버십 검증 프로세스 적용 가능성 확인