카카오맵API 사용 시 addEventListener가 적용 안되는 이유

맵에 띄워진 marker를 클릭하면 infowindow가 열리는 코드인데,

이렇게 작성했다가 개같이 실패함 그 이유는

카카오맵 API에서 사용하는 marker, map, infowindow 같은 객체들은 HTML DOM 요소가 아니기 때문에 일반적인 DOM 이벤트 시스템 (addEventListener)을 사용할 수 없습니다.

HTML DOM 요소는 <div, button, span> 같은 HTML 태그들(내가 작성한 코드에 존재하는 요소)을 의미하는데, 이들에 대해서는 addEventListener가 잘 작동합니다. 하지만 카카오맵에서 제공하는 marker, map, infowindow 객체는 자바스크립트의 카카오맵 API 내 객체들이므로, DOM 요소가 아니고 카카오맵 내부 이벤트 시스템(kakao.maps.event.addListener)을 통해 이벤트를 처리해야 합니다.

따라서, 카카오맵의 marker 객체나 infowindow 객체에 이벤트를 추가하려면 kakao.maps.event.addListener와 같은 카카오맵 전용 이벤트 메서드를 사용해야 합니다.

라고 한다.

그것도 모르고 코드 바꿔보겠다고 난리치다가 계속 not a function 찍혀서 시간 낭비했다는 이야기~