[번역] Tutorial: Adding Time Travel 6

Wrapping Up

마무리

 

Congratulations! You’ve created a tic-tac-toe game that:

축하해! 틱택토 게임을 만들었어.

• Lets you play tic-tac-toe,
• Indicates when a player has won the game,
• Stores a game’s history as a game progresses,
• Allows players to review a game’s history and see previous versions of a game’s board.
• 틱택토 게임을 해봐
• 그 게임에서 선수가 이겼을 때 나타낸다.
• 게임의 역사를 게임의 과정으로 저장하고.
• 선수가 게임의 기록을 검토할 수 있고, 게임판의 이전 버전을 볼 수 있다.

Nice work! We hope you now feel like you have a decent grasp on how React works.

Check out the final result here: Final Result.

잘했어!  리액트가 어떻게 동작하는지 파악이 좀 됐기를 바라.

마지막 결과물은 여기있어. 확인해봐.

 

If you have extra time or want to practice your new React skills, here are some ideas for improvements that you could make to the tic-tac-toe game which are listed in order of increasing difficulty:

만약 너가 시간이 좀 있거나 리액트 기술을 연습하고 싶다면, 어려움이 증가하는 순서대로 나열된 틱택토 게임을 개선할 수 있는 몇개의 아이디어가 있다.

1. Display the location for each move in the format (col, row) in the move history list.
2. Bold the currently selected item in the move list.
3. Rewrite Board to use two loops to make the squares instead of hardcoding them.
4. Add a toggle button that lets you sort the moves in either ascending or descending order.
5. When someone wins, highlight the three squares that caused the win.
6. When no one wins, display a message about the result being a draw.

 

Throughout this tutorial, we touched on React concepts including elements, components, props, and state. For a more detailed explanation of each of these topics, check out the rest of the documentation. To learn more about defining components, check out the React.Component API reference.