Gemini 1.5 Flash 기반 Zero-Backend AI 예측 시스템 구현

Context

게임 잼의 제약 사항으로 인해 빠른 배포와 투명한 소스 공개가 필요했던 환경. 서버 비용 없이 실시간 데이터 기반의 AI 경쟁 상대(Oracle)를 구현해야 하는 기술적 과제 직면.

Technical Solution

• Serverless Architecture: 단일 HTML 파일 내 Vanilla JS와 CSS만으로 구성하여 백엔드 없이 클라이언트 사이드에서 모든 로직을 처리하는 구조 설계
• LLM Integration: Gemini 1.5 Flash API를 클라이언트에서 직접 호출하여 사용자 API Key 기반으로 AI 분석 및 JSON 예측값을 생성하는 파이프라인 구축
• Data Pipeline: CORS 제약 해결을 위해 football-data.org 대신 CORS-open 구조인 ESPN Public API를 채택하여 실시간 팀 폼(Form) 데이터 수집
• Deterministic Match Selection: xorshift32 알고리즘에 현재 날짜를 Seed로 적용한 PRNG를 통해 전 세계 사용자가 동일한 경기 리스트를 공유하는 동기화 메커니즘 구현
• State Management: LocalStorage를 활용한 예측값 저장 및 매치 상태(Finished/Upcoming)에 따른 즉각적 점수 산출 로직 적용