[Next.Js] Next.Script를 활용한 지도 개선

토이프로젝트 중간발표후 지도 개선이 필요하단 생각이 들었다 

그러한 이유는 ..

 

문제상황

기존 로직은 지도를 움직일때 마다 지도를 다시 렌더링함 , 이로인해   좋지못한 ux 제공 및 성능저하를 야기했음

 

해결방안 

로직자체를 바꾸기로 함 

Next.Script 의 onReady 속성을 활용하여 Next.Script 가 있는 컴포넌트가 mount 될때마다 실행하게 로직을 바꿨다. 

 

 

 

그 결과  멋진 성능 개선을 보여줬다!