웹 체스 게임 프로젝트

리체스나 체스닷컴을 통해서 온라인 체스를 두면서 이전부터 해보고 싶었던 프로젝트이다. 앞선 두 개의 온라인체스 페이지를 클론코딩하는 느낌으로 진행할 것인데, 체스 게임이 진행되는 로직 자체는 모두 직접 작성할 것이다.

• 사용된 스택

1. typescript
2. reactjs
3. recoil
4. styled-component

• 레포지토리: https://github.com/bbbjihan/chessgame

투두리스트를 작성해보았다. 제대로 게임을 진행할 수 있을 수준의 요구사항들을 차례로 구현해나갈 예정이고, additional 항목은 기본 구현 완료 이후에 추가 구현 사항으로 진행해볼 예정이다.

TodoList

functional

• 체스말 움직임
• 차례 넘기기
• 클릭했을 시 움직일 수 있는 곳 보여주고, 클릭하면 움직임
• 드래그 앤 드랍으로 체스말 움직임
• 체크
• 체크메이트
• 체스판 회전
• 스테일메이트
• 캐슬링
• 프로모션
• 앙파상
• 시간제한
• 무승부 규칙(반복수, 50수)

style

• 체스판 디자인
• 체스판 레이아웃 구성
• 체스말 이동 애니메이션 + 소리
• 페이지 레이아웃 구성
• 반응형 해상도 설정
• 체스판 theme custom
• 잡힌 기물 보여주기
• 기물점수 표시

additional

• 체스 엔진 탑재
• 웹소켓으로 실시간 대전
• 로그인, 회원가입 및 플레이어 프로필
• 게임로비