EventListener

JS event / eventHandler / eventListener

event 브라우저에서 event란 말 그대로 사용자가 어떤 사건을 일으켰을 때를 의미한다. 클릭을 했을 때, 키를 눌렀을 때, 스크롤을 했을 때 등. 이벤트의 종류는 정말 많다. https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 내가 자주 쓸만한 것들을 정리해 보자면 다음과 같다. keydown 키를 눌렀을 때 keyup 키를 뗐을 때 keypress 키를 누르고 있을 때 click 엘리먼트를 클릭했을 때(눌렀다 ..

크롬 공룡 게임 만들기(3/4): 장애물 관리 및 점프 구현

앞의 포스팅에서 일정 시간마다 장애물을 생성해 cactuses 배열에 넣어 관리하는 코드를 작성했었다. 오늘은 게임 키를 구현하기에 앞서 이미 지나간 장애물을 삭제하는 코드를 먼저 추가해 보겠다. 이미 지나가 화면에 보이지 않는 장애물을 배열에서 제거해 주지 않는다면, 게임 플레이 시간이 늘어남에 따라 배열에 담긴 장애물 수도 계속해서 증가할 것이다. 이건 바람직하지 않기 때문에 장애물을 생성하고 배열에 추가한 후 화면에 그리는 코드를 수정해 보도록 하겠다. if (timer % 240 === 0) { var cactus = new Cactus(); cactuses.push(cactus); } cactuses.forEach((a, i, o) => { if (a.x < 0) { o.splice(i, 1);..