Object Architecture

프론트엔드

component
├── Login				//로그인 페이지
│   ├── index.js
│   └── Button.js
├── Lobby				//로비 페이지
│   ├── index.js
│   ├── Info
│   │   └── index.js
│   ├── RoomList
│   │   ├── index.js
│   │   └── RoomInfo.js
│   └── CreateRoomModal
│       └──index.js
└── Room				//룸 페이지
    ├── index.js
    ├── GameArea
    │   └── index.js
    └── ChatArea
        └── index.js

• .js는 컴포넌트, 디렉토리는 컴포넌트 묶음

State

• lobby
  • roomList
    • roomInfo
      • name
      • numOfPlayer
      • state
• room
  • playerList
    • player
      • nickname
      • character
      • location
      • state
      • isMaster
  • state
  • quiz
    • question
    • time
  • winnerList
    • nickname
  • chatList
    • chat
      • nickname
      • message

Action type

• ROOM_CREATE // 로비에서 룸이 생성되었을 때
• ROOM_MODIFIED // 인원 변경이나 활성화/비활성화
• ROOM_ENTER // 자기가 들어왔을 때
• PLAYER_ENTER // 다른 플레이어 들어왔을 때
• PLAYER_EXIT // 다른 플레이어 나갔을 때
• PLAYER_MOVE // 플레이어 움직임
• GAME_START // 게임이 처음 시작되었을 때
• QUIZ // 새로운 라운드 (문제 출제)
• TIME_COUNT // 시간 카운트
• TIME_OUT // 시간이 끝나서 답 공개, 탈락 애니메이션
• GAME_OVER // 우승자 표시
• CHAT // 새로운 채팅
• PLAYER_NUMBER // 살아있는 플레이어 수, 관전 플레이어 수 변경

백엔드

└── server
    ├── app.js
    ├── bin
    │   └── www
    ├── database
    │   ├── connection.js
    │   ├── user.js
    │   ├── quiz.js
    │   └── nickname.js
    ├── middlewares
    │   ├── passport.js
    │   └── isAdmin.js
    ├── event
    │   └──index.js
    ├── controller
    │   └── index.js
    ├── models
    │   ├── user.js
    │   ├── quiz.js
    │   ├── nickname.js
    │   ├── lobby.js
    │   ├── room.js
    │   ├── player.js
    │   └── game.js
    ├── routes
    │   ├── index.js
    │   ├── login.js
    │   └── lobby.js
    └── util
        └── index.js

controller

• socket으로 model 사용해서 서비스 진행

models

• user
  • 유저 검색
  • 관리자인지 확인
• quiz
  • 퀴즈 10개 가져오기
• nickname
  • 닉네임 조합해서 20개 가져오기
• lobby
  • playerList
    • player
  • roomList
    • room
  • 하는 일: 플레이어 관리, 룸의 정보를 이용해서 컨트롤러에게 정보를 제공
• room
  • name
  • id
  • gameState
  • roomState
  • masterPlayer
  • playerList
    • player
  • chatLog
    • nickname
    • message
  • 하는 일: 플레이어의 정보를 이용해서 컨트롤러에게 자신의 정보를 제공, 플레이어 관리, 로비에게 룸 정보를 제공
• player
  • socketId
  • nickname
  • character
  • isAlive
  • locationInField
  • 하는 일: 로비, 룸에게 자신의 정보를 제공
• game
  • quizList
  • round
  • 하는 일: 퀴즈를 불러오고, 정답을 알고 있다. 컨트롤러에게 퀴즈와 정답을 제공