Show GN: 네이버 지도 와이드 갤러리 - 사진을 전체화면으로 한 번에 보기

(chromewebstore.google.com)

네이버 지도 사진 보다가 답답해서 만든 크롬 확장 프로그램

맛집이나 카페를 찾을 때 저는 네이버 지도를 자주 사용합니다.

그런데 사진이 많은 장소를 볼 때마다 항상 같은 불편함이 있었습니다. 사진을 제대로 보려면 작은 영역 안에서 계속 스크롤을 내려야 하고, 사진을 하나 열었다가 닫으면 다시 위치를 찾아야 하고, 여러 장을 빠르게 비교하기도 어려웠습니다.

특히 여행지나 유명 맛집처럼 사진이 수백 장씩 있는 경우에는 사진을 보는 것 자체가 꽤 피곤한 작업이 되더군요.

그래서 "사진 탭을 그냥 갤러리처럼 보여주면 안 되나?"라는 생각으로 주말에 간단히 만들기 시작했습니다.

결과물이 네이버 지도 와이드 갤러리입니다.

네이버 지도 PC 버전에서 장소 상세 페이지의 사진 탭에 진입하면 버튼 하나가 추가됩니다.

버튼을 누르면 기존 사진 영역 대신 전체화면 갤러리가 열리고, 사진을 그리드 형태로 한 번에 탐색할 수 있습니다.

네이버 지도에서 제공하는 업체 사진, 리뷰 사진, 클립, 동영상 등의 필터도 그대로 연동되도록 구현했습니다.

가능한 한 네이버 지도의 기존 UX를 해치지 않는 것을 목표로 했습니다.

별도의 서버를 두지 않았고, 외부 API 호출도 없습니다. 사용자의 데이터 수집이나 전송 없이 브라우저에서만 동작합니다.

또 네이버 지도의 내부 구조 변경에도 최대한 견고하게 동작할 수 있도록 DOM 감지와 동적 렌더링 처리에 신경을 썼습니다.

원래는 개인적으로 쓰려고 만든 작은 확장 프로그램이었는데, 막상 사용해 보니 사진 많은 장소를 찾을 때 체감이 꽤 컸습니다.

혹시 저처럼 네이버 지도 사진을 보면서 스크롤에 지쳤던 분들이 있다면 한 번 사용해 보시고 피드백 주시면 감사하겠습니다.