피드로 돌아가기
Dev.toFrontend
원문 읽기
Serverless BYOK 구조를 통한 비용 최적화 및 Atomic Note 자동 생성 도구 구현
I built a BYOK browser tool that turns any article into atomic Obsidian notes
AI 요약
Context
아티클 읽기 후 수동 노트 작성 과정에서 발생하는 높은 인지적 비용과 중도 포기 문제 발생. 기존의 서버 기반 AI 서비스들이 가진 데이터 프라이버시 우려와 인프라 유지 비용의 한계를 극복하기 위한 구조적 접근 필요.
Technical Solution
- Backend-less Single HTML Architecture 설계를 통한 서버 유지 비용 제로화 및 배포 복잡성 제거
- anthropic-dangerous-direct-browser-access 헤더를 활용한 BYOK(Bring Your Own Key) 방식으로 클라이언트-API 간 직접 통신 구현
- 정규 표현식을 이용한 JSON 추출 로직을 적용하여 LLM의 Markdown Code Fence 출력 변수를 제거한 응답 파싱 안정성 확보
- Base64 인코딩 기반의 URL Hash 공유 방식을 도입하여 데이터베이스 없이 상태 값을 전달하는 Serverless Sharing 구현
- Same-batch 제약 조건을 포함한 System Prompt 설계를 통해 할루시네이션을 방지하고 Atomic Note 간의 유효한 Wikilink 연결망 형성
Impact
- Claude Haiku 4.5 모델 사용 시 아티클당 약 $0.003의 저렴한 처리 비용 달성
실천 포인트
1. 서버 없이 API Key를 통한 직접 통신이 가능한 BYOK 구조의 보안 및 UX 검토
2. LLM의 비정형 응답을 정형 데이터로 변환하기 위한 Regex 기반의 Robust Parsing 전략 적용
3. DB 없이 상태를 공유하기 위한 URL Hash 및 Base64 인코딩 활용 방안 고려