★★★★★
#앱별 실전 패턴 · claude-code
question_bank: 실시간 라이브 퀴즈 아키텍처
{{PROJECT_NAME}}에서 선생님이 문제를 출제하면 학생들이 실시간으로 함께 풀고, 정답률을 즉시 시각화해야 해(Kahoot 스타일).
#realtime#firestore#performance#gaming
변수 1개 — 여기 채우면 아래 프롬프트에 바로 들어가요
{{PROJECT_NAME}}에서 선생님이 문제를 출제하면 학생들이 실시간으로 함께 풀고, 정답률을 즉시 시각화해야 해(Kahoot 스타일).
Firestore 실시간 리스너를 사용해서:
- 문제 공개 → 학생들의 선택지 동시 수신
- 정답 공개 → 선택지별 비율(Bar) 업데이트
- 랭킹 → 점수 순으로 자동 정렬
문제점:
- 1,000+ 동시 사용자 시 Firestore read 폭증
- 선생님 화면은 전체 데이터 필요, 학생은 자신 것만 필요
- 네트워크 끊김 시 복구
최적화 전략 (Security Rules로 읽기 제한, 배치 업데이트), WebSocket 사용 고려, 로컬 캐시, 테스트 방법까지 알려줄래?
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.