둠스크롤링을 퀴즈, 숨겨진 역사, 두뇌 퍼즐로 대체하는 게임 제작기

저는 스스로가 둠스크롤링(doomscrolling)에 빠지는 것을 자주 발견해서, 이를 대체할 무언가를 만들었습니다. 바로 CurioQuest라는 무료 웹 게임으로, 호기심이 경험치(XP)를 벌어주는 방식입니다.

기능 소개

🏛️ 잊힌 경이로움 (Forgotten Wonders): 알려지지 않은 역사적 미스터리나 자연의 신비(안티키테라 장치, 1518년 무도병 창궐 사건, 거베클리 테페 등)에 대한 이야기와 각 주제별 3가지 질문으로 구성된 퀴즈를 제공합니다.
🔬 과학 사실 연구소 (Science Fact Lab): 출처가 명시된 설명과 정확도 연속 기록(accuracy streak multipliers) 배율을 갖춘 빠르고 간단한 참/거짓 퀴즈입니다.
🧩 두뇌 게임 (Brain Games): 메모리 매치, 단어 배열 맞추기(word scramble), 수학 스피릿, 그리고 매일의 암호 퍼즐로 구성되어 있습니다.
🌍 세계 및 기술 동향 (World & Tech Pulse): 실시간 뉴스 카드와 3가지 질문으로 이루어진 일일 퀴즈를 제공합니다.

이 모든 요소들은 하나의 진행 시스템에 연결됩니다. 바로 경험치(XP), 무제한 레벨, 달력 기반의 연속 기록(daily streaks), 12개의 배지, 32개 이상의 수집 가능한 박물관 유물, 그리고 두 개의 리더보드(점수 및 연속 기록)입니다.

기술 스택 (Stack): React + TypeScript를 사용했으며, Google AI Studio와 Gemini를 활용하여 구축했습니다.
실시간 뉴스: 서버 측 엔드포인트가 Google Search grounding을 통해 Gemini에 요청을 보내기 때문에, 카드에는 인용문과 출처 링크가 함께 제공됩니다.
피드백: Web Audio API를 사용한 절차적 사운드(procedural sounds), navigator.vibrate를 이용한 햅틱 피드백, 그리고 보상 시 반짝이 효과(confetti)를 구현했습니다.
인증 (Auth): 세션 토큰과 함께 솔트 처리 및 해시된 비밀번호를 사용하며, 로그인할 때 진행 상황을 저장하는 게스트 모드를 지원합니다.
보안 강화 (Hardening): 보안 헤더(security headers), 메모리 내 비율 제한기(in-memory rate limiter), 그리고 요청 본문 크기 제한을 적용했습니다.

연속 기록 로직은 생각보다 까다롭습니다. 놓친 날짜, 당일 로그인 처리, 오래된 저장 상태 마이그레이션 등 모든 부분에 신중한 처리가 필요했습니다.
초기에는 리더보드에 가짜 배율을 적용했었는데, 이를 실제 일별 XP 추적 시스템으로 교체하면서 이제 시간 경과에 따른 점수는 실제 활동량에서 비롯됩니다.
Gemini는 검색 및 출처(sources)를 통해 근거화(grounded)될 때만 시사성 콘텐츠에 효과적으로 작동한다는 것을 배웠습니다.

읽어주셔서 감사합니다!