YOU QUIZ?

배포 링크
https://www.you-quiz.site/

팀 노션   |   백로그   |   기획서  
그라운드 룰   |   개발 위키

📋 목차

• 📋 목차
• 📄 프로젝트 개요
• 🚀 핵심 기능
  • 실수로 새로고침해도 걱정 없이 이어갈 수 있는 퀴즈 경험!
  • 참여자가 중간에 다시 접속해도 자연스럽게 게임에 합류 가능!
• 💡 기술적 도전
  • 🩵 FE
  • 💛 BE
• 🛠️ 기술 스택
  • 💻 Common
  • 🎨 Frontend
  • 📡 Backend
  • 💾 Database
  • 🌐 Infrastructure
• 🏛️ 시스템 아키텍처
• ✋팀원 소개

📄 프로젝트 개요

YOU QUIZ는 실시간으로 함께 퀴즈를 풀며 소통할 수 있는 참여형 퀴즈 플랫폼입니다. 주최자가 생성한 퀴즈를 여러 참가자들이 동시에 풀면서 서로의 반응을 공유하고, 실시간으로 변화하는 통계를 확인할 수 있습니다.

서비스 흐름 살펴보기
서비스 흐름

🚀 핵심 기능

실시간 퀴즈 플랫폼의 핵심은 안정적인 소켓 관리, 그리고 끊김 없는 사용자 경험입니다.
새로고침과 재접속 시에도 사용자가 중단 없이 퀴즈를 이어갈 수 있도록 소켓 이벤트 처리 구조를 리팩토링하고, 페어 프로그래밍을 통해 세밀한 디테일까지 완성했습니다. 이를 바탕으로 사용자 중심의 안정적이고 매끄러운 퀴즈 환경을 만들어내려고했습니다.

실수로 새로고침해도 걱정 없이 이어갈 수 있는 퀴즈 경험!

새로고침 후에도 현재 진행 상태에 맞춰서 데이터를 받아볼 수 있어요.

참여자가 중간에 다시 접속해도 자연스럽게 게임에 합류 가능!

기존에 참여했던 참가자가 탭에서 나간 후 다시 재접속 했을 경우 자연스럽게 퀴즈에 참여할 수 있어요.

소켓 새로고침 관리에 대해서 더 자세한 이야기가 궁금하다면?
소켓 새로고침 관리 보러가기

💡 기술적 도전

기술적 도전의 흔적과 성장을 담다!
6주동안 팀원이 맡은 기술 영역에서 직면했던 고민과 해결 과정을 정리하고, 트러블 슈팅을 통해 배운 점과 앞으로의 개선 방향을 기록했습니다.

더 자세한 이야기가 궁금하다면?
팀원별 문서를 통해 각 도전과 해결 과정을 확인해보세요!

🩵 FE

< 도훈 >
소켓 객체 관리
소켓 객체 관리

< 병찬 >
React‐Query와 Socket과 함께 춤을
React‐Query와 Socket과 함께 춤을

💛 BE

< 성현 >
쿼리 효율 극대화, 근데 이제 데이터 유효성을 곁들인
벌크 삭제: 퀴즈 서비스 삭제 기능 성능 최적화
연관 행의 빈도 높은 삽입, 삭제가 이뤄지는 시스템일 경우 어떻게 설계해야하나?

< 채원 >
우당탕탕 배포 도전기
nCloud, Docker를 활용해 수동 배포해보기
github actions를 활용한 CI CD 파이프라인 구축하기

🛠️ 기술 스택

💻 Common

🎨 Frontend

📡 Backend

💾 Database

🌐 Infrastructure

🏛️ 시스템 아키텍처

✋팀원 소개

[FE] J031_김도훈	[FE] J255_최병찬	[BE] J087_도성현	[BE] J289_이채원
@dooohun	@chan-byeong	@glaxyt	@nowChae