개발자 도구(F12)를 열어 코드를 실행해 보세요. 입력 요소에 한글을 입력하면 키보드를 눌렀다 뗐을 때마다 콘솔에 ‘keyup event!’가 출력됩니다.
그림 3-41 keyup 이벤트 실행결과
수코딩의 조언
keypress 이벤트와 keydown 이벤트도 있습니다. keypress 이벤트는 키를 누르고 있을 때 발생하고, keydown 이벤트는 키를 눌렀을 때 발생합니다. keyup과 keydown은 비슷하다고 느낄 수 있는데, keyup은 입력한 값에 초점을 맞추고, keydown은 입력한 키의 종류(Esc 키를 눌렀는지, Shift 키를 눌렀는지 등)에 초점을 맞춥니다. 이러한 이유로 키보드로 입력한 값을 확인할 때는 대부분 keyup 이벤트를 사용합니다. keypress나 keydown 이벤트는 책에서 따로 언급하지 않으나 직접 사용해보며 어떤 차이가 있는지 확인해 보세요.