비용 $0로 43만 건의 요청을 처리한 Edge-First 아키텍처 설계

24K visitors, 430K requests, $0 spent. I built a live election results dashboard in 2 days with Claude.

Karthikeyan Gopal2026년 5월 12일9분intermediate

AI 요약

Context

기존 선거 결과 사이트의 과도한 광고와 느린 로딩 속도로 인한 사용자 경험 저하 발생. 정해진 기한 내에 대규모 트래픽 스파이크를 견뎌야 하는 제약 조건 하에 초저비용 고성능 시스템 구축 필요.

서버리스 비용 발생 방지를 위해 로컬 Python 스크립터를 통한 데이터 수집 및 Cloudflare Worker로의 POST 전송 구조 설계
데이터베이스 대신 Cloudflare Workers KV를 활용하여 전 세계 300개 이상의 Edge Location에 데이터를 복제하고 Read Latency 최소화
120초의 Edge Cache 설정을 통해 수만 명의 동시 접속자가 일으키는 Thundering Herd 문제를 해결하고 KV Read 횟수를 획기적으로 감소
Framework Overhead 제거를 위해 React/Next.js 대신 Vanilla JS 및 Vite를 채택하여 242ms의 초고속 페이지 로드 속도 달성
WebSocket의 오버헤드를 피하기 위해 30초 주기 Browser-side Auto-refresh 방식을 선택하여 실시간성 유지와 리소스 효율성 동시 확보

실천 포인트

1. 실시간성이 절대적이지 않은 데이터의 경우 Edge Caching 전략을 통해 DB 부하를 획기적으로 줄일 수 있는가?

2. 프레임워크 도입 전 Vanilla JS 수준에서 해결 가능한 성능 목표인지 검토하였는가?

3. 관리형 서비스의 Free Tier 제약 사항을 아키텍처 설계의 제약 조건으로 활용하여 효율적인 구조를 도출했는가?

태그