JS : 이벤트 리스너(EventListener)란?

자바스크립트에서는 웹에서 사용자가 특정 반응을 할 때 설정한 동작을 보여준다. 이 반응을 이벤트라고 하는데 이벤트를 감지하기 위해 쓰이는 것이 ' .addEventListener ' 이다. 예를 들면, 사용자가 로그인 버튼을 클릭을 하면 웹은 개발자가 설정해놓은 동작(함수)이 발생할 것이다. 그 동작이 될 이벤트 조건을 걸어 놓고 이벤트가 발생되는지 계속 감지하는 것이 이벤트리스너이다. (조) 이벤트리스너를 추가하기 위해서는 1) 이벤트를 감지하고 적용할 태그를 가져온다. 2) 어떤 작용을 감지할 것인지 설정한다. 3) 이벤트 감지시 발생할 함수를 만들어 준다. 4) 태그에 이벤트리스너를 추가해준다. 여기서 함수 안에 event.preventDefault();를 해야하는 경우가 있다. 가장 대표적인게 s..

2022.01.25