React + Google Maps API를 연동해서 지도를 꾸미던 중, 공식 문서에 나온 대로 styles JSON을 넣었는데도…지도가 아무 변화가 없다?!"분명히 styles는 제대로 넣었는데, 왜 기본 지도 그대로지?"꽤 한참을 헤매다가 원인을 알아냈다.바로, 결

안녕하세요!이번 포스팅에서는 Google Maps API를 사용해서 대한민국의 시도(서울, 부산 등)를 GeoJSON 데이터 기반으로 맵에 그리고, 각 시도별로 서로 다른 색상을 입혀보는 과정을 정리해보았습니다.프론트엔드 기술 스택은 React + TypeScript이

Google Maps API를 연동해 프로젝트에 지도를 띄우던 중, 아래와 같은 알림창(alert)이 뜨는 걸 보신 적 있나요?"Google 지도를 제대로 로드할 수 없습니다. 이 웹사이트의 소유자이신가요?"Google 지도를 제대로 로드할 수 없습니다. 이 웹사이트의

최근 프로젝트에서 대한민국 시도 경계 데이터를 Google Maps 위에 시각화할 일이 있었다.React와 TypeScript, 그리고 @react-google-maps/api 라이브러리를 활용해 이를 구현한 과정을 정리해본다.Google Maps에 대한민국 시도 경계

Google Maps API를 사용하는 프로젝트를 하다 보면,API Key 하나로 지도도 띄우고, GeoJSON도 로딩하고, 다양한 기능을 활용할 수 있어요.하지만!이 API Key는 기본적으로 아무 웹사이트에서나 사용할 수 있기 때문에아무런 제한 없이 방치하면 다른

프로젝트 목적 '웹 성능 향상' 프로젝트의 목적은 크롬 개발자 도구를 사용하여 오픈소스 프로젝트의 성능을 분석하고 개선하는 것이다. 우수한 사용자 경험을 제공하는 웹사이트의 기준으로서, 크롬에서 제시하는 성능 평가 지표1에서 90점 이상을 달성하는 것을 목표로 설정했다