DMAP 지도 썸네일 최적화

프로필에서 3×3 썸네일을 여러 묶음으로 보여주면 한 화면에 최대 18개의 Google Maps 인스턴스가 필요했습니다. 벡터 지도는 WebGL 컨텍스트를 사용해 브라우저 한계에 닿으면 지도 일부가 사라졌습니다.

1. 1 WebGL 해제, key 리렌더링, 스켈레톤, 캡처, 인스턴스 재사용 등 6가지 방식을 실험해 실패 원인을 좁혔습니다.
2. 2 목록은 정적 지도 이미지로, 상세 확인은 전역 동적 지도 1개로 처리하는 하이브리드 구조를 선택했습니다.
3. 3 Google Maps 과금 구조와 호출량을 확인하고 알림을 설정해 기술 해결이 운영 비용 절감으로 이어지게 했습니다.
4. 4 코드 컨벤션, API 호출, 무한 스크롤 구현 차이를 조율하며 팀 전체 속도를 해치지 않는 방향으로 합의했습니다.