자바스크립트 onclick과 addEventListener를 둘 다 사용하다가 문득 두 메서드의 차이가 궁금해져서 간략히 정리해 본다. onclick - 단일 콜백 함수(리스너)만 지정 사용 가능 - 하나의 이벤트만 사용하므로 중복될 경우 앞선 이벤트를 덮어씀 - 거의 모든 브라우저에서 작동 - 구형 IE(9 이하)에서도 동작 addEventListener - 모던 자바스크립트로 넘어오면서 새롭게 추가 - 이벤트 중첩이 가능함 - 여러 개의 이벤트를 등록해도 모두 동작(덮어쓰지 않음) - IE9 이상 거의 모든 브라우저에서 작동 - 이벤트 전파 단계(캡처링 vs. 버블링) 조절 가능 (3번째 options 매개변수) 이벤트 캡처링 vs. 버블링 (Propagation) 기본값은 버블링 = {capture..
