사이트명: 마사지가이드 (massageguide.co.kr)
주요기능: 마사지 업체 디렉토리, 후기 공유, 지역별 검색, 커뮤니티 기능, 모바일 앱 제공
개발방식: CMS 기반 커스터마이징 + 프론트엔드 커스터마이징 + 모바일 하이브리드 앱 연동
🛠 사용 기술 스택
✅ 서버 및 인프라
호스팅: 카페24 서버호스팅
도메인/SSL: SSL 보안 인증서 적용 (HTTPS 전면 사용)
서버 환경: Linux + Apache (또는 Nginx), PHP 8.2 기반
DB: MariaDB
✅ 백엔드 / CMS
CMS 플랫폼: 그누보드5
빌더 시스템: 신 나리야빌더 사용
개발 언어: PHP (최대 8.2까지 테스트 완료)
주요 모듈:
회원관리 (그누보드 기본)
게시판 시스템 (공지사항, 후기 등)
관리자 페이지 (업체/매니저 관리, 후기 승인, 광고 등록 등)
자체 스키마 구성: 업체 리스트, 매니저 리스트, 방문 후기 커스터마이징
카카오 로그인 API 연동
위치 기반 기능을 위한 Geolocation + Kakao Map API
✅ 프론트엔드
기술: HTML5, CSS3, JavaScript
프레임워크: Bootstrap 5 (반응형 웹 지원)
지도 서비스: Kakao Map API
위치기반 서비스: 모바일 접속 시 Geolocation API를 통한 위치 탐색 기능 제공
✅ 모바일 앱
앱 유형: 하이브리드 앱 (웹뷰 기반)
배포 플랫폼:
구글 플레이스토어
애플 iOS App Store
앱 기능: 웹과 동일한 기능 + 위치 접근, 푸시 알림(선택적) 가능성
🔧 주요 기능 정리
기능 구분 상세 설명
회원관리 그누보드 기본 회원 기능 사용. 등급별 권한 설정 가능
게시판 공지사항, 자유게시판, 후기 등 다양한 게시판 생성 및 관리
업체 리스트 지역/카테고리 필터로 검색, 업체 상세정보 페이지 제공
매니저 리스트 업체 내 등록된 관리자의 상세정보 확인 가능
방문 후기 사용자 후기 등록, 댓글, 별점 등 가능. 관리자 승인 후 노출
카카오 지도 연동 Kakao Map API를 통해 업체 위치를 지도에 출력
카카오 로그인 카카오 계정으로 간편 로그인 기능 제공 (OAuth2 연동)
모바일 위치 기반 모바일 접속 시 사용자 위치 탐색 후 주변 업체 표시
관리자 페이지 업체/매니저/후기 관리, 배너 등록, 제휴 신청 승인 등
광고/배너 시스템 지정된 위치에 배너 광고 삽입, 기간/노출관리 가능
앱 배포 하이브리드 앱으로 안드로이드 / iOS 배포 지원
📱 반응형 웹 & 하이브리드 앱 UX
모바일 퍼스트 전략: Bootstrap5 기반 반응형 웹 구성으로, PC/모바일 자동 대응
하이브리드 앱 연동: 웹 구조 그대로 앱에 삽입하여 유지보수 효율화
앱 기능 최적화:
카카오 로그인
위치기반 검색
빠른 업체 접근
웹뷰 내부 최적화 처리
🌐 외부 API / 연동 요소
API / 연동 설명
Kakao Map API 업체 위치 지도 출력, 사용자의 현재 위치 기반 검색 지원
Kakao Login API 카카오 계정 연동 통한 소셜 로그인
HTML5 Geolocation API 모바일 위치 탐색에 사용됨 (좌표 → 지도 연계)
🔒 보안 및 최적화
SSL 보안 인증서 적용 (HTTPS 전면 활성화)
PHP 최신 버전 (8.2)까지의 호환성 테스트 완료
게시판 및 입력폼 보안 강화 (XSS, CSRF 대응)
관리자 권한 체크 및 권한 별 기능 접근 제한 설정
이미지 업로드 및 외부링크 필터링 적용
📝 개발 요약
본 프로젝트는 그누보드5 + 나리야빌더 기반 커스터마이징으로 시작하여, 사용자 중심의 UI와 위치기반 서비스, 후기 중심 콘텐츠 구성을 통해 “마사지 업계 디렉토리 플랫폼”으로 최적화 되었습니다.
하이브리드 앱 연동을 통해 웹-앱 간 통합 UX를 제공하며, 관리자 기능 또한 맞춤형으로 구성되어 운영 효율성을 높였습니다.
Top comments (0)