JavaScript 입문 : 틱택토(TicTacToe) 게임 - 순서도

이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

아직 미진하지만 약간은 이제 코딩의 세계가 그리 낯설지만은 않네요. 제가 강좌에서 나온 내용을 공부하고 정리하는 이유는 정말 만들고 싶은 프로그램이 있는데 그러기 위해서는 어떻게 사용되어야 하는지 이해를 하지 않으면 안되기 때문입니다. 

 

오늘은 새로운 게임인 틱택토(TikTacToe) 게임을 배우면서 안에 사용되는 항목들을 익히고자 합니다. 

 

▒ 틱택토(TikTacToe) 게임이란 

 

사실 저는 처음 들어 보았습니다만, 일종의 보드게임이더군요. 상대방과 같이 오목같은 형태의 게임을 하는데 가로줄이든 세로줄이든 대각선이든 연속으로 같은 문양을 만들면 됩니다. (누구는 3목이라고 합니다만)

 

3 by 3 2인 전용 게임이라고 보면 됩니다. 

 

구글에서 '틱택토'라고 치면 AI와 직접 게임을 즐길 수 있습니다. 하지만 고급단계에서 게임을 진행하면 전부 비길수 밖에 없는 재미없는 게임입니다. 

 

구글 틱택토 게임

 

출처: 나무위키

 

 

▒ 틱택토(TicTacToe) 게임 순서도 

 

이런 원리를 이용하여 자바스크립트로 게임을 만들어 보고자 합니다, 어떤 순서로 만들어야 되는지 코딩에 필요한 순서도를 만들어 보는게 필요합니다.

 

1. 순서도 필요 항목 고려 

 

어떤 내용들을 순서도에 적용할지 필요 항목들을 살펴봅니다. 

 

① 3 by 3 테이블 준비 

② 시작 턴 순서 모양 설정

③ 칸 클릭을 위해 칸 비어있는지 여부로 시작

④ 칸 클릭해 가면서 승부 확인 (어떤 모양이 승리하는지 또는 무승부)

 

이 정도로 크게 나눌수 있는데 다 배우고 나서 AI와 할 수 있는 방법이 있을까요? 아직은 실력이 안되겠지만 언젠가 할 수 있는 과제로 남겨 놓고 싶군요. 

 

2. 순서도 

 

 

상기 순서도를 기준으로 코딩을 진행하도록 하겠습니다.