리얼 리뷰 - GPS 기반 위치 인증 리뷰 플랫폼

프로젝트 개요

리얼 리뷰는 GPS 위치 인증을 통해 실제 방문자만 리뷰를 작성할 수 있는 음식점/카페 리뷰 플랫폼입니다. 가짜 리뷰와 광고성 리뷰를 차단하여 신뢰할 수 있는 리뷰 환경을 제공합니다.

주요 기능

🗺️ 지도 기반 장소 탐색

• OpenStreetMap + Leaflet.js 기반 인터랙티브 지도

• 카카오 Places API 연동으로 실시간 음식점/카페 검색

• 현재 위치 기준 반경 설정 (100m~1km)

• 장소별 마커 색상 구분 (음식점: 빨강, 카페: 초록)

📍 GPS 위치 인증 시스템

• 1km 이내 접근 시에만 리뷰 작성 가능

• HTML5 Geolocation API 활용한 정확한 위치 측정

• 하버사인 공식을 이용한 거리 계산

• 위치 권한 미허용 시 적절한 안내 메시지 제공

✍️ 실시간 리뷰 시스템

• Firebase Realtime Database 기반 실시간 데이터 동기화

• 5단계 별점 시스템

• 리뷰 작성자명 + 내용 + 작성일시 저장

• XSS 방지를 위한 HTML 이스케이프 처리

🏪 사용자 장소 등록

• 지도 클릭으로 새로운 장소 위치 선택

• 장소명, 분류(음식점/카페), 주소, 전화번호 등 상세 정보 입력

• 관리자 승인 시스템으로 품질 관리

• 등록 요청 후 1-2일 내 승인/거부 처리

🚫 폐업 신고 시스템

• 장소 정보 하단의 "폐업한 가게인가요?" 버튼

• 신고자 GPS 위치 함께 저장

• 관리자 검토 후 폐업 승인 시 지도에서 자동 제거

• 잘못된 신고 방지를 위한 거부 기능

👨‍💼 관리자 대시보드

• 장소 승인/거부 관리 (승인 대기/완료/거부 탭 분리)

• 폐업 신고 검토 및 처리

• 실시간 통계 현황 (등록 대기, 승인 완료, 거부, 폐업 신고 수)

• 상세 정보 모달로 위치 미리보기 지도 제공

• Ctrl+숫자키 단축키 지원

🔍 통합 검색 기능

• 장소명, 업종, 주소 기반 실시간 검색

• 자동완성 드롭다운 UI

• 검색 결과 클릭 시 해당 장소로 지도 이동

기술 스택

Frontend

• Vanilla JavaScript (프레임워크 없는 순수 JS)

• Bootstrap 5 - 반응형 UI 컴포넌트

• Leaflet.js - 오픈소스 지도 라이브러리

• Bootstrap Icons - 아이콘 라이브러리

• Noto Sans KR - 한글 웹폰트

Backend & Database

• Firebase Realtime Database - NoSQL 실시간 데이터베이스

• Firebase Hosting - 정적 웹사이트 호스팅

APIs

• 카카오 Places API - 장소 검색 서비스

• HTML5 Geolocation API - GPS 위치 정보

• OpenStreetMap - 무료 지도 타일 서비스

읽어주셔서 감사합니다!

주소 : http://realreview.kro.kr