어떤 개발을 하더라도 문제는 생기고,

프론트엔드 개발에서도 그건 마찬가지다.

내가 개발했던 것 중에 DB에 저장된 위/경도 데이터 싹 다 가져와서

지도위에 마커로 뿌리는 게 있었는데,

뭐만 할 때마다 지도가 일부만 렌더링되는 특이한 현상이 있었다.

이런 식으로 나온다 젠장.

겁나 삽질한 끝에 알아낸 원인이

대부분의 지도나 차트 라이브러리들은 display: none; 상태에서

다시 렌더링하게 되면 브라우저의 크기가 달라져도

지도나 차트는 이전의 해상도로 렌더링된다고 한다.

그래서 이런 일이 생겼을 때에는

resize(), relayout() 등의 재렌더링을 해주는 함수를 호출해야한다.

그래서 해봤더니