반응형
크
-
JavaScript 입문 : 틱택토(TicTacToe) 게임 - 이차원 배열 이해 및 클릭이벤트 설정컴퓨터 알아가기/JavaScript 2022. 8. 15. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 이제 본격적으로 틱택토 게임을 만들어가고자 합니다. 먼저 기본적 HTML / CSS 만들고 그에 필요한 내용들을 JS내에 만들어갑니다. 1. 기본 HTML / CSS 이번 HTML에는 필요한 최소 프레임만 만들고 CSS에서는 테이블에 들어갈 속성만 지정해 주고 나머지는 JS에서 다루도록 합니다. 2. 이차원 배열 이해 ① 3 by 3 테이블 3 by 3 테이블 모양을 다음과 같이 나타내고자 합니다. 기본적으로 HTML에서는 다음과 같이 나타낼 수 있습니다. 이렇게 만들고 각 태그에 id나 class를 지정해 주어 JS에서 코딩을 할 수 있었지만 이번에는 전부 JS에서 만들어 사용하는 방법을 공부하도록 하겠습니다. 각 칸에 숫자나 문자 등..