실시간 퀴즈 게임

React + Node.js + Socket.IO를 사용한 실시간 멀티플레이어 퀴즈 게임입니다.

프로젝트 구조

tmp_claud/
├── backend/          # Node.js + Express + Socket.IO 서버
│   ├── server.js     # 메인 서버 파일
│   ├── package.json  # 백엔드 의존성
│   └── README.md     # 백엔드 설명
├── frontend/         # React 클라이언트 (직접 생성)
│   └── README.md     # 프론트엔드 가이드
└── README.md         # 이 파일

빠른 시작

1. 백엔드 서버 실행

cd backend
npm install
npm run dev

서버가 http://localhost:5000 에서 실행됩니다.

2. 프론트엔드 개발

cd frontend
npx create-react-app . --template typescript
npm install socket.io-client
npm start

React 앱이 http://localhost:3000 에서 실행됩니다.

게임 특징

• 🎮 실시간 멀티플레이어: 여러 명이 동시에 참여
• ⏱️ 시간 제한: 문제당 30초 제한
• 🏆 점수 시스템: 빠른 정답일수록 높은 점수
• 🎯 다양한 문제: 상식, 프로그래밍 등 다양한 주제
• 📊 실시간 순위: 게임 종료 후 순위 발표

기술 스택

백엔드

• Node.js
• Express.js
• Socket.IO
• UUID

프론트엔드 (권장)

• React
• Socket.IO Client
• TypeScript (선택사항)

개발 가이드

1. 백엔드 서버를 먼저 실행하세요
2. 프론트엔드에서 Socket.IO를 통해 서버와 연결하세요
3. frontend/README.md에서 상세한 API 가이드를 확인하세요

문제 추가/수정

backend/server.js의 quizQuestions 배열에서 문제를 쉽게 추가하거나 수정할 수 있습니다.

const quizQuestions = [
  {
    id: 1,
    question: "새로운 문제",
    options: ["선택지1", "선택지2", "선택지3", "선택지4"],
    correct: 0  // 정답의 인덱스 (0부터 시작)
  }
  // 더 많은 문제들...
];

확장 아이디어

• 사용자 계정 시스템
• 문제 카테고리 선택
• 난이도별 문제
• 게임 설정 옵션 (시간 제한, 문제 수 등)
• 채팅 기능
• 게임 기록 저장