자바스크립트로 게임만들기 #4.키보드로 도형 움직이기 (예제)

[ 개요 ]

키보드 방향키 입력으로

도형을 움직이는 간단한 예제를 통해

명명된 매개변수 & 입력안된것 체크,

Class활용(세부범주의 구조화), Style Reset,

이벤트리스너(키보드)를 실습해보자.

---

[ 돌려보기 ]

* 키보드방향키를 누르면 도형이 이동됩니다.

(모바일에서는 테스트가 제한됨)

---

[ 코드 ]

* 이벤트리스너(keydown)에서

e.preventDefault();를 사용하면

페이지 스크롤을 방지할 수 있으나,

새로고침(F5), 개발자도구(F12) 등도

동작하지 않으므로 유의

(코드편집 후, 새로고침을 해야 반영됨)

---

[ 참고자료 ]

링크1(devliberty.blogspot.com)

ㄴ 실전예제8. 명명된 매개변수

(코딩알려주는누나 - 근거있는 코드리뷰 하는법)