[번역] Tutorial: Completing the Game 6

Declaring a Winner

승자 선언

 

Now that we show which player’s turn is next, we should also show when the game is won and there are no more turns to make. Copy this helper function and paste it at the end of the file:

이제 다음 차례 선수를 보여주었다면, 우리는 게임에서 이겼을 때 더이상 턴이 돌아가지 않도록 해야한다. helper 함수를 복사해서 파일의 끝부분에 붙여라.

Given an array of 9 squares, this function will check for a winner and return 'X', 'O', or null as appropriate.

9개 squares 배열이 주어지면, 이 함수는 우승자를 체크하고 적절하게 x,o, null을 반환한다.

 

We will call calculateWinner(squares) in the Board’s render function to check if a player has won. If a player has won, we can display text such as “Winner: X” or “Winner: O”. We’ll replace the status declaration in Board’s render function with this code:

board의 렌더 함수에서 calculateWinner를 호출할 것이다. 어떤 선수가 이겼는지 체크하기 위해서. 만일 한 선수가 이기면 우리는 "winner: X" 혹은 "winner: O"와 같은 글씨를 표시할 수 있다.. 우리는 board의 렌더 함수에서 status 선언한 것을 이 코드로 대체할 것이다.

 

We can now change the Board’s handleClick function to return early by ignoring a click if someone has won the game or if a Square is already filled:

이제 우리는 handleClick 함수를 바꿔야 한다. 만일 누군가 게임에서 이겼거나 square가 이미 채워진 상태일 때 클릭을 무시함으로써 빨리 리턴하기 위해서.

 

View the full code at this point

Congratulations! You now have a working tic-tac-toe game. And you’ve just learned the basics of React too. So you’re probably the real winner here.

축하해! 틱택토 게임을 만들었다. 그리고 리액트의 기초도 배웠어. 진짜 우승자는 너야.