Frontend Rate Limiting 도입을 통한 연간 최대 $10,000 비용 절감

Context

Backend Rate Limiting 운용 시 발생하는 수백만 사용자의 IP 및 Request Timestamp 저장 비용 증가 문제 발생. Redis 등 인메모리 DB의 리소스 소모와 읽기/쓰기 작업 과부하로 인한 인프라 비용 상승이 주요 병목 지점으로 작용.

Technical Solution

• Client-side-filter 도입을 통한 불필요한 Backend Request의 선제적 차단 구조 설계
• Sliding Window 알고리즘을 적용하여 60초(TIME_WINDOW) 내 최대 50회(MAX_REQUESTS) 요청 제한 구현
• LocalStorage 기반의 State Persistence를 적용하여 페이지 새로고침 시 Rate Limit 초기화 방지
• Cooldown Time(30s) 메커니즘을 통해 임계치 도달 후 즉각적인 요청 차단 및 Backend 부하 감소 유도
• Native fetch를 래핑한 $fetch 인터페이스를 통해 비즈니스 로직과 Rate Limiting 로직의 관심사 분리
• Frontend를 최적화 계층(Optimization Layer)으로 활용하고 Backend를 최종 보안 계층(Security Layer)으로 유지하는 2단계 방어 전략 채택