프로젝트 목록PROJECT / SIDE PROJECT

개인 프로젝트/2022.06 — 2022.06

포켓몬 같은그림 찾기.

서비스 보기새 탭

카드 매칭 게임

담당 역할1인 개발
개발 기간2022.06
기술 스택React · JavaScript · CSS

01 / OVERVIEW

어떤 프로젝트인가요?

카드를 뒤집어 같은 포켓몬 쌍을 찾는 매칭 게임입니다. 작지만 상태 전이가 명확한 주제라, React 상태 설계를 연습하기 위해 만들었습니다.

02 / IMPLEMENTATION

핵심 구현

  • 뒤집기 → 비교 → 일치/불일치 처리로 이어지는 게임 상태 전이 구현
  • 오답마다 점수가 줄고, 최고 점수는 새 게임을 시작해도 유지
  • 카드 뒤집기 CSS 전환과 입력 잠금으로 빠른 연타 시 오동작 방지

03 / SCREENS

서비스 화면

서비스 보기새 탭

04 / REFLECTION

배운 점

  • 작은 게임에도 "지금 어떤 상태인가"를 명확히 정의해야 버그가 사라진다는 것을 배웠습니다.
목록으로 돌아가기프로젝트