닉네임과 기록을 저장하여 실시간으로 순위를 확인할 수 있는 같은그림찾기 게임
- typescript 활용
- Redux Toolkit을 활용한 상태관리
- createSlice를 통해 각종 리듀서를 정의하여 상태를 업데이트하고 관리
- configureStore를 사용하여 Redux 스토어를 설정
- 모델을 분리하여 코드를 구조화
- 난수를 활용한 랜덤 카드 정렬
- 게임 종료 후 기록과 닉네임을 설정하면 DB에 저장 및 실시간 순위 반영
- lazy와 Suspense을 사용하여 Code splitting(스켈레톤 로더 구현)
- styled-components를 활용한 애니메이션 효과 및 반응형 UI
| 기술 스택 | |
|---|---|
| FRONT |
|
| BACK |
|
| DATABASE |
|
| INFRA |
|