키퍼 홈페이지 프론트엔드 리뉴얼2에 들어갈 숫자야구 게임입니다.
개발기간 : 2023. 05. ~
publdaze |
jasper200207 |
KimHaejoong1 |
pipisebastian |
sososo0 |
wns1826 |
숫자 야구는 0~9 로 이루어진 중복없는 네 자리 숫자를 9이닝 동안 맞추는 게임입니다.
숫자는 맞지만 위치가 틀리면 볼 🟢
숫자와 위치가 모두 맞으면 스트라이크 🟡
숫자와 위치가 모두 틀리면 ⚫️
한 이닝 당 30초의 시간이 주어지고, 시간 내에 입력하지 않으면 ❌ 표시와 함께 다음 이닝으로 넘어갑니다.
| 시작 페이지 | 횟수 초과 | 게임 페이지 |
|---|---|---|
 |
 |
 |
시도 결과 |
성공 |
실패 |
 |
 |
 |
https://api.dev.keeper.or.kr/docs/game/baseball.html
야구 게임 정보 game-info
플레이 여부 is-already-played
야구 게임 START start
야구 게임 GUESS guess
야구 게임 결과 가져오기 result
├──.eslintrc.js
├──.gitignore
├──.nvmrc
├──.prettierrc.json
├──package-lock.json
├──package.json
├──postcss.config.js
├──tailwind.config.js
├──tsconfig.json
├──.github
│ ├──pull_request_template.md
│ │
│ └──ISSUE_TEMPLATE
│ │ ├──bug-fix-template.md
│ │ ├──feature-template.md
│ │ └──refactor-template.md
├──public
│ ├──favicon.ico
│ ├──index.html
│ ├──logo192.png
│ ├──logo512.png
│ ├──manifest.json
│ └──robots.txt
└─src
├──App.tsx
├──index.tsx
├──react-app-env.d.ts
├──tailwind.css
├──api : api 관련 폴더
│ ├──baseballApi.ts
│ └──dto.ts
├──components : 게임 컴포넌트 폴더
│ ├──CountdownBar.tsx
│ ├──InfoModal.tsx
│ ├──NumberInput.tsx
│ ├──PointInfo.tsx
│ ├──TurnInfoBoard.tsx
│ └──TurnInfoCard.tsx
└─screens
├──GamePlay.tsx : 게임 실행
└──GameStart.tsx : 게임 최초 화면