이 게임은 3*3형식의 바둑판에서 먼저 빙고를 완성하는 사람이 이기는 게임이다.
- Game/Board/Square라는 3개의 컴포넌트 존재
- Game 컴포넌트는 하위에 Board 컴포넌트를 가진 게임 Set
- Board 컴포넌트는 크게 두 가지 영역으로 나뉨
- 승자 또는 다음 선수를 나타내는 영역
- Square 컴포넌트의 각각의 버튼을 포함하는 board-row 영역*3
- Square 컴포넌트는 클릭 시, 버튼의 내부에 클릭한 플레이어를 표시하는 버튼 엘리먼트를 가짐
게임의 규칙
- 플레이어 중 승자가 생기면 게임은 종료된다.
- 이미 한번 클릭된 버튼은 재클릭할 수 없으며, 플레이는 되돌릴 수 없다.
'React > 4.TicTacToe 게임 만들기' 카테고리의 다른 글
| 틱택토6. 승자 결정하기 (0) | 2022.04.23 |
|---|---|
| 틱택토5. 컴포넌트 작성(3) (0) | 2022.04.23 |
| 틱택토4. 컴포넌트 작성(2) (0) | 2022.04.22 |
| 틱태토3. 컴포넌트 작성(1) (0) | 2022.04.21 |
| 틱택토1. 레이아웃 및 CSS 셋팅 (0) | 2022.04.21 |
댓글