TicTacToe
-
JavaScript 입문 : 컴퓨터와 함께하는 틱택토 게임 (TicTacToe)컴퓨터 알아가기/JavaScript 2022. 8. 25. 19:30
지난시간까지 만들어 본 틱택토 게임은 두사람이 하나의 화면에서 직접 입력하면서 승부를 가리는 방법을 공부해 봤는데요.. 아직 실력은 미천하나 다른 강좌의 도움을 받아 인간과 컴퓨터의 단순 틱택토 게임을 공부해 보았습니다. 관련 과정은 freeCodeCamp.org에서 참조 하였습니다. 결과물은 다음과 같이 나오더군요. 과정은 지난 틱택토에서 많이 이야기를 하였기 때문에 HTML과 CSS 그리고 JS에 필요 내용들을 주석 처리했습니다. 특이한 점은 여러가지 방법으로 9칸에 대한 인덱스 처리를 하고 이차원 배열을 이용하지 않고도 할 수 있는 내용을 볼 수 있었습니다. 1. HTML HTML에서는 자바스크립트에서 메소드로 만들지 않고 직접 3 by 3 테이블을 지정하도록 합니다. 이는 CSS에서 좀 더 틱택토..
-
JavaScript 입문 : 틱택토(TicTacToe) 게임 - 순서도컴퓨터 알아가기/JavaScript 2022. 8. 14. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 아직 미진하지만 약간은 이제 코딩의 세계가 그리 낯설지만은 않네요. 제가 강좌에서 나온 내용을 공부하고 정리하는 이유는 정말 만들고 싶은 프로그램이 있는데 그러기 위해서는 어떻게 사용되어야 하는지 이해를 하지 않으면 안되기 때문입니다. 오늘은 새로운 게임인 틱택토(TikTacToe) 게임을 배우면서 안에 사용되는 항목들을 익히고자 합니다. ▒ 틱택토(TikTacToe) 게임이란 사실 저는 처음 들어 보았습니다만, 일종의 보드게임이더군요. 상대방과 같이 오목같은 형태의 게임을 하는데 가로줄이든 세로줄이든 대각선이든 연속으로 같은 문양을 만들면 됩니다. (누구는 3목이라고 합니다만) 3 by 3 2인 전용 게임이라고 보면 됩니다. 구글에서 ..