오늘의 할 일 / null값 addEventListener

🍊 오늘의 할일

🍪 필수 Task

• 가이드 카드 모달창 신청하기, 채팅하기 상태에 따른 변경사항 merge 후 확인 필요
• chatting 에러 핸들링 변경(401 코드로 진행)
• 이메일 수정에서 동일한 이메일 기입 시 반려 처리
• mypage input 창 autofocus 추가, onblur 이벤트 추가하여 현재 ui에서 취소할 수 있는 방법 제공
• 중복 검사 Oauth 닉네임 추가 필요

🍊 오늘의 정리

🍉 properties of null (addEventListener)

지도의 이동,축소,확대 시 marker가 생성되기 전, svgMarker에 addEventListener가 추가되고, mouseenter이벤트가 발생하게 되면, 발생하는 에러이다.

즉, property가 null이 되어 발생하는 에러이다.

   let svgMarker = document.querySelector(`._${position.guideId}`);

    if (svgMarker) {
      svgMarker.addEventListener('mouseenter', () => overlays[position.guideId].setMap(map));
      svgMarker.addEventListener('mouseleave', () => overlays[position.guideId].setMap(null));
      svgMarker.addEventListener('click', () => clickMarker(positions[i].guideId));
    }