피드로 돌아가기
✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.
Dev.toDev.to
Frontend

Local-first 아키텍처 기반의 Zero-backend 개인 자산 관리 시스템

✨ One HTML file. No backend. No sign-up. Your data never leaves your browser.

Balaji K2026년 5월 1일2intermediate

Context

전통적인 금융 트래커의 중앙 집중식 데이터 저장으로 인한 개인정보 유출 위험과 복잡한 가입 절차의 진입 장벽 존재. 브라우저 기반의 로컬 처리로 데이터 주권을 확보하면서도 실시간 금융 데이터 동기화가 필요한 요구사항 분석.

Technical Solution

  • Client-side Only 아키텍처 설계를 통한 서버리스 환경 및 Zero-backend 구현
  • Readonly OAuth 기반 Gmail API 연동으로 뱅킹 알림 메일의 AI Auto-parsing 처리
  • AMFI API를 활용한 Mutual Funds Live NAV 실시간 동기화 로직 적용
  • Bring Your Own API Key 방식을 통한 LLM 분석 계층의 클라이언트 사이드 통합
  • Local Ollama 연동으로 민감한 금융 데이터의 외부 유출을 차단한 프라이빗 분석 환경 구축
  • Optional Supabase Instance 연결을 통한 사용자 선택적 데이터 동기화 및 백업 구조 설계

1. 민감 정보 처리 시 Client-side Processing 우선 검토

2. 사용자 소유의 API Key 활용을 통한 인프라 비용 절감 및 보안 책임 분산

3. Local LLM(Ollama) 연동을 통한 데이터 프라이버시 보장 설계 적용

4. 선택적 클라우드 백업(Optional Sync) 구조로 로컬 우선 경험과 협업 기능의 절충안 마련

원문 읽기