이차원배열
-
JavaScript 입문 : 틱택토(TicTacToe) 게임 - 이차원 배열을 테이블에 적용컴퓨터 알아가기/JavaScript 2022. 8. 17. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 3 by 3 테이블을 만들어 클릭이벤트가 이루어지도록 공부를 해 보았습니다. 이제는 각 칸별로 모양(또는 숫자)가 들어가는 target을 확인하기 위하여 배열을 이차원 배열을 이용한 중복구문을 사용할 예정입니다. 1. 이차원 배열 활용 3 by 3 테이블의 구조는 다음과 같습니다. 첫번째 row에 해당되는 빈배열을 만들고 데이터를 push하고 두번째 column인 cell에 들어가는 빈배열을 추가로 만들어 주어야 합니다. cell에 push하는 데이터가 최종적으로는 row에 push하는 결과를 가져오겠죠. 2. addEventListener( ) 이벤트함수 외부로 함수가 길어지면 외부에 선언하고 콜백으로 받아서 함수를 실행시키는게 좋습니..
-
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에서 만들어 사용하는 방법을 공부하도록 하겠습니다. 각 칸에 숫자나 문자 등..