2024.01.02 - 2024.01.21 기획

2024.01.22 - 2024.02.16 개발

알고리즘만 풀기 지루하지 않으셨나요?

친구와 함께 즐겁게 알고리즘 문제를 풀어보세요!

노말 모드에서는 친구들과 함께 코딩 테스트를 대비해 문제를 풀고,

아이템 모드에서는 아이템을 사용하여 친구의 알고리즘 문제 풀이를 방해하면서 문제를 풀 수 있어요.

알고리즘 문제 풀이에 게임의 재미를 더한 알고리즘 배틀 서비스!

• 시작 화면

  

  • 소셜 로그인: 카카오/구글

• 메인 화면

  

  • 내 기본 정보 + 보유 아이템 확인
  • 전체 채팅
  • 방을 선택하여 들어갈 수 있다.

• 방 만들기

  

  • 노말전, 아이템전 여부를 선택한다.
  • 방 정보를 기입하여 방을 만들 수 있다.

• 대기방 입장

  

  • 채팅
  • 방 정보를 확인할 수 있다.
  • 방장이 아닌 유저들은 게임에 참여할 준비가 되면 READY 상태로 변경한다.

  

  • 방장은 모든 유저들이 READY 상태일 때 START 버튼을 눌러 게임을 시작할 수 있다.

  

  • 방장은 악성 유저를 강퇴시킬 수 있다.

• 게임 시작 (노말 모드, 아이템 모드 동일)

  

  • 문제를 확인하고 풀 수 있다.
  • 코드 실행을 누르면 예제 채점 결과가 출력된다. 게임 결과에는 반영되지 않는다.

  

  • 코드 제출을 누르면 실제 채점 결과가 출력된다. 게임 결과에 반영된다.

  

  • 문제 풀이 시간이 모두 끝나면 게임 결과가 출력된다.
  • 게임 결과는 시간이 빠른 순, 메모리가 빠른 순으로 출력된다.
  • 문제 난이도, 게임 결과에 따라 경험치와 코인을 얻는다.

• 아이템 상점

  

  • 게임에서 얻은 코인을 이용해 아이템을 구매할 수 있다.

  

  • 아이템 종류: 문어(화면 가리기), 병아리(방해하기), 물풍선(버튼 숨기기), 요술봉(화면 뒤집기), 쉴드(아이템 무력화)

• 아이템 모드

  

  • 쓰고 싶은 아이템을 누르고, 공격할 유저의 닉네임을 누르면 해당 유저에게 아이템이 사용된다.
  • 아이템 현황은 화면 공유를 통해 다른 유저들에게도 보여진다.
  • 쉴드를 사용하여 공격을 방어할 수도 있다.

<기획 ERD>

<최종 ERD>

• 방은 서버에서 관리하기로 결정

• Frontend
  • React 18.2.0
  • npm 10.2.5
  • Node.js 20.11.0
  • Redux 5.0.1
  • Redux-toolkit 2.1.0
  • React-router 6.21.4
  • Ace-Editor 1.13.2
  • open-vidu
  • socket.js
  • stomp.js
• Backend
  • Java 17
  • SpringBoot 3.2.2
  • Spring Data JPA
  • Spring Web
  • Spring Validation
  • Spring Web
  • QueryDSL
  • oauth2-client
  • socket.io
  • MariaDB
• Infra
  • AWS EC2
  • NGINX
  • Jenkins
  • Docker
• Tools
  • Jira
  • Postman
  • Gerrit
  • Notion
  • Figma
  • GitLab

• API 명세서
• 기능 명세서

📌 제목 : 코드의 변경 사항에 대해 짧은 요약 (필수)

📌 본문 : 부연 설명 (선택)

• 제목과 구분되기 위해 공백 한 줄을 띄워서 작성

📌 꼬리말 : issue tracker id 작성 (선택)

• 유형: #이슈 번호

✨ 예시

Feat: 로그인 API 개발

카카오 소셜 로그인

Resolves: #123
Ref: #456
Related to: #48, #45

[D104] 진영과 I들

• Link

• Link