Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

[직접 구현] 카드 짝 맞추기 게임 리액트로 구현해본거

NotificationsYou must be signed in to change notification settings

reactEdu/matching-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

  • 카드 8장이 뒤짚어 있고, 두장을 선택하면 카드가 뒤짚어지며 그림 일치시 오픈됨.
  • 8장 모두 맞추면 게임 클리어.
  • 만약 틀리게 되면 다시 뒤짚어져서 가려짐.

리팩토링할 사안들

  • 카드 16장으로 변경
  • 코드 리팩토링
    • useContext써서 전역 관리
    • 전체 코드 모듈화해서 관리
  • 횟수랑 관련된 기능
    • [완료]총 횟수 표시
    • [완료]백엔드 서버 구축해서 사용자들 평균점수, 베스트 횟수(최저 횟수) 표기 추가
    • 총 횟수 제한
  • UI/UX 강화
    • [완료]뒤집었을때 0.9초 정도 숫자 보여주고 다시 뒤집히는 효과 추가
    • [완료] ~~로딩화면 추가 ~~

About

[직접 구현] 카드 짝 맞추기 게임 리액트로 구현해본거

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp