Ghost Leg

v2.1.0

2020년 6월 20일 - 2020년 6월 29일
리액트로 사다리 타기 게임을 구현한 개인 프로젝트입니다.

2020년 12월 02일 - 2020년 12월 08일
기존 프로젝트를 보완하여 version2를 개발하였습니다.

kimfriendship.github.io/ghost-leg/에서 확인 할 수 있습니다.

프로젝트 핵심 목표

version 2

• 웹 접근성 지침에 부합하도록 마크업 수정
• 최적화를 통해 리렌더링 최소화 및 성능 향상
• PC와 Mobile 버전으로 반응형 구현

version 1

• 플레이어 수에 따른 랜덤 프로필과 랜덤 사다리 설정
• 사다리 게임 로직을 리액트의 상태 관리와 자바스크립트로 구현
• 캔버스를 활용하여 사다리 경로를 그리기 기능 구현

사용 기술

• HTML
• Canvas
• JavaScript
• React
• Styled Component (version 2)
• CSS (version 1)

기타 사항

• 웹 접근성 체크리스트는 a11y-check-list.md에서 확인 가능합니다.
• 레포지토리가 변동 됨에 따라 version1의 commit history는 링크에서 별도로 확인 가능합니다.