자바스크립트(3)
-
[Let’s Get IT 자바스크립트 프로그래밍] 11장 이벤트 루프 이해하기_카드 짝 맞추기 게임
*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이번시간에는 호출 스택과 이벤트 루프를 배웠다. 다른 셀프체크보다 이게 젤 중요하다고 강사님도 말하신..! +전체코드는 맨 하단에 있다. 호출 스택은 무엇일까? 여러 함수들을 호출하는 스크립트에서 해당 위치를 추적하는 인터프리터 (웹 브라우저의 자바스크립트 인터프리터같은)를 위한 메커니즘이다. 함수가 호출될 때 호출 스택에 들어가고, 실행이 완료되면 호출 스택에서 빠져나간다. 기존 함수의 실행이 완료되지 않았는데 다른 함수가 호출되면 새로 호출된 함수는 기존 함수 위에 쌓이게 된다. 이벤트 루프란? 비동기 함수가 실행될 때는 호출 스택뿐만 아니라 이벤트 루프까지 동원해 실행 순서를 파..
2022.11.16 -
[Let's Get IT 자바스크립트]10장 클래스_텍스트 RPG 게임 만들기
*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이번시간에는 클래스를 중점적으로 배웠다. RPG게임은 보통 캐릭터를 성장시키는 게임인데, 텍스트 RPG게임은 그래픽없이 글로만 하는 것이다. 모험, 휴식, 종료 등의 일반모드와, 적을 공격하고 체력을 회복하거나 도망가는 전투모드를 할 수 있는 게임이다. +전체코드는 맨 하단에 있다. window, this, 참조/깊은복사/얕은복사, 클래스, 클래스 상속에 대해 배웠다. 1) window는 브라우저를 가리키는 객체로, doument와 console도 이에 포함된다. node에는 global이 들어있고(global.consoleLog), 브라우저에는 window가 들어있다(window.c..
2022.11.02 -
[Let's Get IT 자바스크립트]9장 이차원 배열 다루기_틱택토 게임
*본 게시물은 길벗IT의 [Let's Get IT 자바스크립트]를 토대로 만들어졌습니다. 저작권은 길벗IT에게 있습니다. 이차원 배열의 예제, 틱택토 게임은 (3X3)삼목 게임이라 생각하면 된다. +전체코드는 맨 하단에 있다. 먼저 개념 정리를 하려고 하는데/ 이차원 배열, 구조분해 할당, 이벤트 버블링, parentNode/children, rowIndex/cellIndex, 유사 배열 객체, every/some, flat에 대해 배웠다. 1) 이차원 배열은 배열 안에 배열이 있을 때를 말한다. html의 표도 이차원 배열이라 할 수 있다. 다만 때에 따라 일차원 배열로도 표현은 가능하다. [ [null, 'X', null], ['O', 'X', 'X'], [null, 'O', ''X], ] 2) 구조..
2022.11.01