Skip to content

Commit a4df1f1

Browse files
deprecated-hongbiiisallyjellyyink-0
authored
[Team-13] 야구게임 (#45)
* chore: 프로젝트 초기화 설정 * add: cra | close min27604/baseball/#1 * feat: 시작 화면, 게임 화면 라우팅 처리 - min27604/baseball/#6 * add: 첫 화면에 필요한 컴포넌트 생성 - min27604/baseball/#2 - 게임 리스트 렌더링 하는 데에 에러 있음 * feat: 게임첫화면 mockData임시설정 min27604/baseball/#2 * style: 게임 진행화면 (수비) UI 구성중 - Component 4곳 구성 - Score, CurrentPlayer, Stadium, LogList Cmponent 생성 - Score, CurrentPlayer 구조완성 - min27604/basball/#11 * feat: Stadium 야구장 사진 입력 - img -> backgroundimg로 변경 - min27604/baseball/#11 * feat: Stadium UI 구성 및 rLogList 구조 설계 - Stadium component 내부 구조 설계 및 CSS 작업 - LogList component 폴더 구조 후 상세 작업 진행중 - min27604/baseball/#11 * feat: 시작 화면에 게임 목록 표시 - min27604/baseball/#45 * style: 게임 목록 스타일 수정 - min27604/baseball/#10 - 게임 목록에 3개씩 보이도록 수정 - 기타 자잘한 border-radius, font-size 등 수정 * style: 게임 목록 텍스트 정렬 수정 - min27604/baseball/#10 - vs가 가운데에 고정되도록 홈팀은 오른쪽 정렬 시킴 * feat: 팀 선점 여부에 따라 메시지 다르게 렌더링 (진행중) - min27604/baseball/#10 - 게임 목록에 경기 번호 추가 (MatchNumber 스타일드 컴포넌트)) - useContext를 사용해보는 중 * refactor: Team 컴포넌트 분리 - min27604/baseball/#10 - Styled component였던 Team 컴포넌트를 일반 컴포넌트로 분리 * feat: 팀 선점 여부에 따라 메시지 다르게 렌더링 (구조 바꿀 예정) - min27604/baseball/#10 - 서버와 통신하는 방법을 변경하기로 해서 현재까지 진행한 것 일단 타미와 합치기 위해 푸시 * fix: theme 적용 오류 해결 * feature: LogList UI 생성 - min27604/baseball/#11 * feat: Stadium에 ContextAPI 적용한 PlayBoard data 적용 - min27604/baseball/#15 * feat: Stadium S,B,O점수판 PITCH 이벤트 작성 - min27604/baseball/#15 * context 상태 정의를 App.jsx 안으로 수정, 로컬에서 mock data로 통신, axios 설치 (#16) * refactor: startScreen 디렉토리 생성 - min27604/baseball/#10 * fix: 디렉토리 생성에 따른 경로 수정 - min27604/baseball/#10 * refactor: context.jsx 파일 분리 및 App단으로 변경 - min27604/baseball/#10 * add: localhost로 fetch 보내는 로직 추가, context를 일단 다시 App으로 넣음 - min27604/baseball/#10 - context를 App에 다시 넣은 이유는, setState 로직이 필요한데 useState를 컴포넌트 안에서만 사용할 수 있어서이다. 나중에 costom hook으로 만들 수 있겠다는 조언을 들었다. - public directory 아래에 json 파일을 만들어 목데이터를 받아왔다. * refactor: boardHistory 시 코드 개선 - Stadium의 PlayPitch 수정 - Stadium의 PlayBoardTemp 수정 - min27604/baseball/#15 * fix: command not found 오류 해결 중 * feat: reducer 폴더 생성 및 ballReducer 분리 - min27604/baseball/#15 * feat: 유저의 팀이 홈팀인지 여부에 따라 Score 부분에 Player 렌더링 - min27604/baseball/#15 - API 구조 변경에 따라 수정 필요 * feat: Stadium PITCH 이벤트 추가 기능 - Strike==3 or Ball==4 일 때 아웃과 안타 동작 - min27604/baseball/#15 * chore: API 변경에 따른 수정 * refactor: PlayPitch 사용 오류 해결 - PITCH 클릭시 LogList - LogLine 렌더링 - Stadium: 변환시킨 ballCnt를 조건문으로 사용하기 위해선 useEffect를 사용해야 함 - min27604/baseball/#15 * feat: LogList CSS 일부 수정 - min27604/baseball/#15 * feat: inning board 뷰 업데이트 기능 만드는 중 * chore: 포트 번호 수정 * refactor: LComponent명 및 폴더명 변경 - LogPitcher -> LogHitter - ContextB -> Context - min27604/baseball/#15 * feat: PlayScreen- H(안타)확률&LogList 멘트 추가 - min27604/baseball/#15 * fix: API 요청 주소 변경 * chore: console.log 삭제 * feat: PlayScreen- H(안타) 확률 추가 , LogList 일부 수정 - min27604/baseball/#15 * feat: 게임 화면의 양 팀 이름을 서버에서 받아온 데이터를 이용해 표시 - min27604/baseball/#15 - DD가 올려준 글에서 나타난 문제 (같은 함수 안에서는 setState가 바로 반영이 안되는 것) 때문에 상태 세팅하는 작업을 PlayScreen으로 옮김 * feat: 현재 투수 이름 표시 (아직 공수교대 시 바뀌는 것까지는 안 된 상태) - min27604/baseball/#15 * feat: PlayScreen/LogList 에서 안타/아웃 시 현재 타자의 hit,out증가시키기 - LogList: 한박자 느린 Hitter변경, 현재 타자정보 변경 로직 미구현 - min27604/baseball/#15 * fix: 현재 투수표시- inning top이면 홈팀 투수, 아니면 원정팀 투수 - min27604/baseball/#15 - 기존에 isHome과 myTeam / counterTeam 으로 4가지 경우로 처리하던 것을 homeTeam, awayTeam을 이용하는 것으로 수정 * feat: PlayScreen-LogList 안타와 아웃시 totalOutCount++, CurrHitter 변경, 해당선수의 hit 변경 임시 성공 - min27604/baseball/#15 * chore: 오타 수정 * chore: S, B, H 나오는 확률 수정 * fix: 이닝, 초, 말 바꿔주는 로직 수정 - min27604/baseball/#15 * feat: LogList에 타자이름넣기 - min27604/baseball/#15 * feat: 현재 라운드 정보 표시 (회초, 회말, 공수) - min27604/baseball/#15 * feat: LogList 일부 수정 그러나 미완성 - LogList는 현재 H(타자가 안타를 바로 칠 경우)를 잡지 못함(B4개 ok), (O도 S3개 count해서 잡음) - Stadium에서 S가 3번째 되었을 때 setTimeout으로 한번 보여주고 -> O으로 변경한게 문제로 보임 -min27604/baseball/#15 Co-authored-by: Sally Oh <[email protected]> Co-authored-by: ink-0 <[email protected]>
1 parent 61ff9f3 commit a4df1f1

34 files changed

+48620
-0
lines changed

‎BE/init‎

Whitespace-only changes.

‎FE/react-baseball/.gitignore‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

‎FE/react-baseball/README.md‎

Whitespace-only changes.

‎FE/react-baseball/package-lock.json‎

Lines changed: 35769 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎FE/react-baseball/package.json‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
{
2+
"name": "react-baseball",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"@testing-library/jest-dom": "^5.11.4",
7+
"@testing-library/react": "^11.1.0",
8+
"@testing-library/user-event": "^12.1.10",
9+
"axios": "^0.21.1",
10+
"react": "^17.0.2",
11+
"react-dom": "^17.0.2",
12+
"react-router-dom": "^5.2.0",
13+
"react-scripts": "4.0.3",
14+
"styled-components": "^5.3.0",
15+
"web-vitals": "^1.0.1"
16+
},
17+
"scripts": {
18+
"start": "react-scripts start",
19+
"build": "react-scripts build",
20+
"test": "react-scripts test",
21+
"eject": "react-scripts eject"
22+
},
23+
"eslintConfig": {
24+
"extends": [
25+
"react-app",
26+
"react-app/jest"
27+
]
28+
},
29+
"browserslist": {
30+
"production": [
31+
">0.2%",
32+
"not dead",
33+
"not op_mini all"
34+
],
35+
"development": [
36+
"last 1 chrome version",
37+
"last 1 firefox version",
38+
"last 1 safari version"
39+
]
40+
}
41+
}

‎FE/react-baseball/public/baseballRound.jpg‎

123 KB
Loading

‎FE/react-baseball/public/favicon.ico‎

3.78 KB
Binary file not shown.

‎FE/react-baseball/public/games-modi.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
[
2+
{
3+
"gameId": 1,
4+
"homeTeamName": "Captain",
5+
"homeTeamId": 1,
6+
"awayTeamName": "Marvel",
7+
"awayTeamId": 2
8+
}, {
9+
"gameId": 2,
10+
"homeTeamName": "Tigers",
11+
"homeTeamId": 3,
12+
"awayTeamName": "Giants",
13+
"awayTeamId": 4
14+
15+
}, {
16+
"gameId": 3,
17+
"homeTeamName": "tami",
18+
"homeTeamId": 5,
19+
"awayTeamName": "autumn",
20+
"awayTeamId": 6
21+
}, {
22+
"gameId": 4,
23+
"homeTeamName": "Jazz",
24+
"homeTeamId": 1,
25+
"awayTeamName": "Pop",
26+
"awayTeamId": 2
27+
}, {
28+
"gameId": 5,
29+
"homeTeamName": "Apple",
30+
"homeTeamId": 3,
31+
"awayTeamName": "Samsung",
32+
"awayTeamId": 4
33+
}, {
34+
"gameId": 6,
35+
"homeTeamName": "Crong",
36+
"homeTeamId": 5,
37+
"awayTeamName": "Honux",
38+
"awayTeamId": 6
39+
}
40+
]

‎FE/react-baseball/public/games.json‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
{
2+
"games": [
3+
{
4+
"gameId": 1,
5+
"home_team": {
6+
"id": 1111,
7+
"name": "captain"
8+
},
9+
"away_team": {
10+
"id": 2222,
11+
"name": "marvel"
12+
}
13+
},
14+
{
15+
"gameId": 2,
16+
"home_team": {
17+
"id": 3333,
18+
"name": "twins"
19+
},
20+
"away_team": {
21+
"id": 4444,
22+
"name": "tigers"
23+
}
24+
},
25+
{
26+
"gameId": 3,
27+
"home_team": {
28+
"id": 5555,
29+
"name": "rockets"
30+
},
31+
"away_team": {
32+
"id": 6666,
33+
"name": "dodgers"
34+
}
35+
},
36+
{
37+
"gameId": 4,
38+
"home_team": {
39+
"id": 7777,
40+
"name": "tami"
41+
},
42+
"away_team": {
43+
"id": 8888,
44+
"name": "autumn"
45+
}
46+
},
47+
{
48+
"gameId": 5,
49+
"home_team": {
50+
"id": 9999,
51+
"name": "tami2"
52+
},
53+
"away_team": {
54+
"id": 10101010,
55+
"name": "autumn2"
56+
}
57+
}
58+
]
59+
}

‎FE/react-baseball/public/index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta
9+
name="description"
10+
content="Web site created using create-react-app"
11+
/>
12+
<title>React App</title>
13+
</head>
14+
<body>
15+
<noscript>You need to enable JavaScript to run this app.</noscript>
16+
<div id="root"></div>
17+
</body>
18+
</html>

0 commit comments

Comments
 (0)