자바스크립트를 사용하여 방향키로 이동하는 애니메이션을 구현하기 위해서 keyup 이벤트를 아래와 같이 등록했습니다.
이때 상하 방향키를 누르면 스크롤 이동이 발생하는데 이를 막으려면 어떻게 할까요?


* 키 입력시 스크롤 이동 문제 해결방법
일단 두 가지 방법이 필요합니다.

1. event.preventDefault()를 사용할 것 // 키 입력에 따른 브라우저 기본 이벤트 제거
2. keyup을 keydown으로 변경할 것
; keyup을 누르면 keydown 이벤트가 먼저 발생하므로 keydown 이벤트로 바꾸는 것이 필요합니다. 아니면 keydown 이벤트를 별도로 등록해서 preventDefault()를 사용할 수도 있을 것입니다. 다만 이벤트는 메모리를 참조하므로 가급적 하나만 관리하는 것이 좋을 것 같습니다.