This post has not been translated to English yet. Showing the original text.
안녕하세요.
공공데이터로 내 위치 주변 음식점을 거리순으로 보여 주는 웹앱을 만들어 봤습니다.
다모앙 앙지도에서 영감을 받았고, 데이터는 공공데이터만 사용했습니다.
https://mymap.jeffkm.workers.dev
회원가입 없이 바로 쓸 수 있고, 휴대폰 홈 화면에 앱처럼 추가할 수도 있습니다.
■ 주요 기능
- 내 위치 기준 거리순 목록 (반경 1·3·5·10km)
- 위치 권한이 없으면 시·도 → 시·군·구를 골라서 보기
- 한식·고기·중식·일식·회·카페·디저트 등 분류 필터
- 상호·업종·주소 검색 (짜장 → 중국식처럼 메뉴 단어로도 찾아요)
- 공개 찜(하트): 모두에게 보이는 찜 수, 찜 많은 순 정렬
- 내 별표·메모: 이 기기에만 저장, 다른 기기로 내보내기·가져오기 가능
- 「지도 보기」로 카카오맵에서 위치·영업시간 확인
- 가게·지역 공유 링크
- 「정보가 달라요」로 폐업·위치·전화번호 오류 제보
■ 데이터
- 경기데이터드림·서울 열린데이터광장 「일반음식점 인허가」 (공공누리 1유형)
- 서울 25개 구 + 경기 31개 시군, 영업 중인 254,277곳 (2026-10-03 수집)
- 인허가 데이터라 폐업·이전이 늦게 반영되거나 업종이 실제와 다를 수 있습니다.
- 사진·평점은 없고, 영업시간은 카카오맵에서 확인하시면 됩니다.
■ Ai (Claude Opus 4.8 + GTP 5.5)
- 화면은 프레임워크 없이 HTML 한 장(바닐라 JS)
- Cloudflare Workers 무료 플랜으로 운영
- 25만 곳을 DB에서 조회하지 않고, 약 2.8km 격자 단위 정적 JSON 파일 1,551개로 나눠 두었습니다.
음식점 조회가 정적 파일로 처리돼 무료 한도 부담이 거의 없습니다.
- DB(Cloudflare D1)는 공개 찜·지역 요청·오류 제보에만 사용
- 서울 데이터는 좌표계(EPSG:5174)를 위경도(WGS84)로 변환했습니다.
- 업종명과 상호로 대분류를 나누는 분류기를 따로 만들었습니다.
■ 개인정보
- 로그인이 없습니다.
- 정확한 위치 좌표는 서버로 보내지 않습니다. 주변 구역 데이터만 받아 브라우저에서 거리를 계산합니다.
- 별표·메모는 이 기기(브라우저)에만 저장됩니다.
- 공개 찜과 제보는 기기를 구분하는 임의의 ID로 처리합니다.
- 방문 통계는 쿠키를 쓰지 않는 Cloudflare Web Analytics로만 봅니다.
■ 부탁드려요
- 지금은 서울·경기만 지원합니다. 인천은 준비 중이고, 원하는 지역은 앱의 「지역 추가 요청」으로 알려 주세요.
- 써 보시고 불편한 점이나 버그를 댓글로 남겨 주시면 반영하겠습니다.
앙님들 의견 부탁드립니다. 감사합니다!
▶ 원문 출처: https://mymap.jeffkm.workers.dev
