codesquad-member-2020 / baseball-10 Goto Github PK

게임 진행 화면 UI 구현

• 진행 화면 스타일 구현

게임 로딩 화면 구현

• 모달에서 게임 시작을 누르면 로딩 화면으로 넘어가게
• 로딩화면에서 상대방을 기다리고, 상대방이 들어오면 일정 시간이 지난 뒤 게임 시작
• 로딩이 끝나면 게임화면으로 이동

기능

• 도메인 객체 간 관계 설정

기능

• 팀 선택 메뉴 api
• pitch api
• 팀 메뉴 선택

기능

각 API 개발

• http://15.164.34.6/api/mock/teams
• http://15.164.34.6/api/mock/{teamId}
• http://15.164.34.6/api/mock/first
• http://15.164.34.6/api/mock/{innning}/{when}
• http://15.164.34.6/api/mock/players

MockData 기반으로 playground 구현

• grid 기반 구현
• 실제 Server Data를 기반으로 구현

Loading시에 상대방이 현재 대기열에 존재 하는지 하지 않는지를 확인하는 로직 구현

• 플레이어는 팀을 선택하면 대기열에서 상대 선수를 기다린다.
• 상대가 없다면 재귀적으로 Server에 통신을 보내서 접속 상황을 계속해서 확인한다.
• 대기실에서 상대가 들어온다면 일정 시간 이후에 playground 화면으로 이동하도록 한다.

게임 보드판 구현

• 에셋은 제작하거나 무료 소스 다운받아서 최적화하기
• 베이스 이동 애니메이션 구현
• 팀별 캐릭터 변경 가능하면 구현
• 홈에 들어갈 시 사라짐, 나타날 시 생성 애니메이션 가능하면 구현

gamelist에서 선수의 정보에 대한 페이지를 보여준다.

• 현재 자신이 게임을 진행하는 팀과 상대팀의 정보를 보여준다,

Component를 Router 기준으로 분류한다.

• "domain/" : 깃헙 로그인 , 초기 페이지

• "domain/gamelist" : 게임을 진행할 팀 선택 화면

• "domain/playground" : 실제 게임이 진행되는 과면

• "domain/playground/playerlist" : 현재 진행중인 게임의 선수 정보

팀 리스트 서버 연동 구현

• 팀 리스트를 서버에서 받아와서 표시하도록 변경

기능

• AWS 책 참고하며 RDS 셋팅 진행
• VPC 이용해 ec2, DB 서브넷 나누기.

GameList Component 로직 및 Style 구현 , 잘못된 경로에 대한 Route 처리 구현

• GameList Component
• 잘못된 경로 Component

기능

• 팀 그라운드룰 설정 및 README 업데이트.
• Springboot 프로젝트 생성.

게임 화면 로직 구현

• 공격/수비 주기적으로 서버에 요청하고 정보 업데이트
• ...추가 바람

각 Route 폴더별 Component 분류 Style 적용

• 필요한 기능을 Component로 분류한다.
• Global Style과 재사용 가능한 Style을 파일로 분류한다.
• usereducer , useContext 를 이용해서 상태 관리 분류
• login page styled-component 구현