JS 이벤트 객체와 keydown

document.querySelector('button').addEventListener('click', function (evt) {
    console.log(evt)
}) // 위같은 evt 객체는 모든 이벤트 핸들러에 엑세스하고 자동으로 전달되어 이벤트에 관한 정보를 가지고 있음

const input = document.querySelector('input');
input.addEventListener('keydown', function (evt) {
    console.log(evt.key)   // evt.key는 출력값이 q
    console.log(evt.code)  // evt.code는 출력값이 keyQ (자판의 실제 위치)
}) // 자판을 누르면 해당 함수를 실행

window.addEventListener('keydown', function (e) {
    switch (e.code) {
        case 'ArrowUp':
            console.log("UP!!")
            break;
        case 'ArrowDown':
            console.log("DOWN!")
            break;
        default:
            console.log("IGNORED!")
            break;
    }
}) // switch와 case를 이용해서 e.code가 ArrowUp이면 up이 나오는 등의 코드