이벤트 리스너 : 특정 이벤트가 발생했을 때(클릭, 키다운, 마우스 오버 등) 실행될 함수를 등록하는 기능 이벤트 리스너 등록 요소.addEventListener('이벤트', 함수(){ 실행문 }) 이벤트 리스너 제거 요소.addEventListener('이벤트', 함수) e.preventDefault() : 링크를 클릭하거나 폼을 제출할 때 페이지가 새로고침되거나 다른 페이지로 이동하는 것을 막습니다. 쉽게 말하면 페이지가 리로드 안되게 함!! function(e){ e.preventDefault(); } e.target : 현재 이벤트가 진행되는 태그 e.target.value : 현재 이벤트가 진행되는 태그의 value값을 가져옴