React에서 Naver 지도 resize 이벤트 오류 해결하기 (__event_relations__ 에러)React 환경에서 네이버 지도를 사용할 때, 특정 상태(hideStateMenu 등)가 변경됨에 따라 지도의 크기가 변경될 때 resize 이벤트를 수동으로 트리거해야 하는 경우가 있다. 이 과정에서 간헐적으로 Cannot read properties of null (reading '__event_relations__') 와 같은 오류가 발생할 수 있다. 이 글에서는 해당 오류의 원인을 분석하고 안정적으로 해결하는 방법을 제시한다.1. 문제 원인 분석이 오류는 주로 hideStateMenu와 같은 상태 값이 변경될 때, naverMap.current (네이버 지도 인스턴스 참조)에 대해 resiz..

1. useState로 관리하는 지도 센터 값 성능 문제지도의 센터 위경도 값에 따라 breadcrumb의 표시 정보가 달라지는 기능을 구현하였다. breadcrumb의 정보가 자동으로 변경되려면 센터 위경도 값의 변경을 감지해야 하므로 useState를 사용하였는데 문제는 마우스 좌클릭하여 지도를 이동할 때마다 무수히 많은 센터 위경도 값이 생성되어 그만큼의 리렌더링이 일어난다는 것이다.지도는 "react-naver-maps": "^0.1.2" 라이브러리를 사용했는데 "NaverMap" 컴포넌트에 "onCenterChanged" props로 setState를 넘기면 지도의 중앙 위경도 값을 state로 관리할 수 있다. setMapCenterPoint(latLng)}>(생략)위와 연관된 useState..