프로젝트 배경
**배경**
소규모 서비스업체는 전화나 메신저로 예약을 받다 보면 이중 예약, 누락, 노쇼 등의 문제가 빈번하게 발생합니다.
엑셀이나 수기 장부로 관리하면 실시간 확인이 어렵고, 고객 이력 조회에도 시간이 걸립니다. 기존 예약 솔루션은 월 구독료가 부담스럽거나 불필요한 기능이 많아 복잡합니다.
**솔루션**
핵심 기능만 담은 가볍고 직관적인 예약 시스템을 제공합니다.
서비스 등록 → 영업시간 설정 → 예약 접수 → 캘린더 확인 → 고객 관리 → 통계 확인까지 예약 비즈니스의 전체 플로우를 하나의 대시보드에서 관리할 수 있습니다.
**제작 과정**
24시간 MVP 프로세스를 적용하여 실제 마사지샵 운영 시나리오를 기준으로 설계했습니다.
서비스 관리(CRUD), 영업시간 설정, 예약 상태 관리(대기/확정/취소/완료), 캘린더 뷰, 간단한 대시보드까지 운영에 필수적인 기능만 선별하여 구현했습니다.
Supabase를 활용해 실시간 데이터 동기화를 구현하여, 여러 직원이 동시에 접속해도 최신 예약 현황을 확인할 수 있도록 했습니다.
소규모 서비스업체는 전화나 메신저로 예약을 받다 보면 이중 예약, 누락, 노쇼 등의 문제가 빈번하게 발생합니다.
엑셀이나 수기 장부로 관리하면 실시간 확인이 어렵고, 고객 이력 조회에도 시간이 걸립니다. 기존 예약 솔루션은 월 구독료가 부담스럽거나 불필요한 기능이 많아 복잡합니다.
**솔루션**
핵심 기능만 담은 가볍고 직관적인 예약 시스템을 제공합니다.
서비스 등록 → 영업시간 설정 → 예약 접수 → 캘린더 확인 → 고객 관리 → 통계 확인까지 예약 비즈니스의 전체 플로우를 하나의 대시보드에서 관리할 수 있습니다.
**제작 과정**
24시간 MVP 프로세스를 적용하여 실제 마사지샵 운영 시나리오를 기준으로 설계했습니다.
서비스 관리(CRUD), 영업시간 설정, 예약 상태 관리(대기/확정/취소/완료), 캘린더 뷰, 간단한 대시보드까지 운영에 필수적인 기능만 선별하여 구현했습니다.
Supabase를 활용해 실시간 데이터 동기화를 구현하여, 여러 직원이 동시에 접속해도 최신 예약 현황을 확인할 수 있도록 했습니다.
프로젝트 성과
24시간 내 실전 예약 관리 시스템 구축
서비스 관리, 예약 접수, 캘린더 스케줄링, 고객 관리, 대시보드까지 예약 비즈니스 핵심 기능 완성. 실제 운영 가능한 수준
핵심 기능
서비스 관리
제공 서비스명, 소요시간, 가격 설정. 활성/비활성 상태 관리로 계절별 서비스 조정 가능
실시간 예약 관리
예약 접수, 확정, 취소, 완료 상태 관리. 고객명, 연락처, 요청사항 메모 기능
캘린더 스케줄링
월/주/일 단위 예약 현황 시각화. 시간대별 예약 확인 및 빈 시간 파악 용이
고객 관리
고객 정보 저장, 예약 이력 조회, 방문 횟수 추적, VIP 고객 표시
대시보드 통계
일일/주간/월간 매출, 예약 건수, 인기 서비스 TOP3, 취소율 등 운영 지표 자동 생성
진행 단계
비즈니스 플로우 설계
2026.01.
예약 프로세스 분석 (서비스 등록 → 예약 접수 → 확정 → 완료), DB 스키마 설계 (서비스, 예약, 고객 테이블)
관리자 대시보드 구현
2026.01.
서비스 관리, 영업시간, 예약 관리, 캘린더, 고객 관리, 대시보드 6개 탭 구조 개발
Supabase 연동 및 CRUD
2026.01.
PostgreSQL 테이블 생성, 실시간 데이터 동기화, 서비스/예약/고객 CRUD 기능 구현
캘린더 및 충돌 방지 로직
2026.01.
월/주/일 캘린더 뷰 구현, 예약 시간 충돌 체크, 영업시간 외 예약 차단 로직
통계 및 배포
2026.01.
대시보드 매출·예약 통계 시각화, Vercel 배포, 실제 예약 시나리오 테스트 완료
프로젝트 상세
1) 포트폴리오 소개 : 서비스 카테고리(ex. 커머스, AI 등)와 메인 타깃(ex. 주부, 청소년) 등을 포함한 간략한 소개
- 예시 : 주부들을 위한 생활용품 커머스 개발
2) 작업 범위 : 개발에 참여한 범위 및 지원환경**프로젝트 개요**
미용실, 마사지샵, 병원, 상담센터, 레슨 등 예약 기반 서비스업을 위한 올인원 예약 관리 시스템입니다.
**주요 목적**
- 수기 예약 관리에서 벗어나 체계적인 디지털 시스템 구축
- 실시간 예약 현황 확인 및 스케줄 충돌 방지
- 고객 정보 및 예약 이력 통합 관리
- 매출·예약 통계 자동 생성
**핵심 기능**
- 서비스 관리: 제공 서비스명, 소요시간, 가격, 활성/비활성 상태 설정
- 영업시간 설정: 요일별 영업시간 및 휴무일 지정
- 예약 관리: 실시간 예약 접수, 확정/취소/완료 상태 관리
- 캘린더 뷰: 월/주/일 단위 예약 스케줄 시각화
- 고객 관리: 고객 정보, 예약 이력, 방문 횟수 통합 관리
- 대시보드: 일일/주간/월간 매출, 예약 건수, 인기 서비스 통계
**기술 구현**
React 기반 SPA 구조, Supabase PostgreSQL 실시간 데이터베이스 연동, Tailwind CSS 반응형 디자인, 캘린더 컴포넌트 통합, 예약 시간 충돌 방지 로직
**활용 시나리오**
- 뷰티샵: 네일/헤어/피부 서비스 예약 관리
- 병원/클리닉: 진료 예약 및 환자 관리
- 상담센터: 상담 시간 예약 및 고객 이력 관리
- 레슨: 1:1 개인 레슨 스케줄링
- 마사지샵: 코스별 예약 및 매출 통계
- 예시) 서버 구축, Front-end 개발, 관리자 페이지 개발 등
- 예시) 반응형 웹, Android, iOS 등
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 예시) 회원등급제 기능, 숙소 추천 로직 구성, GPS 기반 숙소 리스트, 실시간 예약 및 결제 페이지 등
4) 주안점 : 개발 시 중점이 되었던 사항
- 예시) 개인 정보에 대한 보안, 고도화된 예약 프로세스 등
- 예시 : 주부들을 위한 생활용품 커머스 개발
2) 작업 범위 : 개발에 참여한 범위 및 지원환경**프로젝트 개요**
미용실, 마사지샵, 병원, 상담센터, 레슨 등 예약 기반 서비스업을 위한 올인원 예약 관리 시스템입니다.
**주요 목적**
- 수기 예약 관리에서 벗어나 체계적인 디지털 시스템 구축
- 실시간 예약 현황 확인 및 스케줄 충돌 방지
- 고객 정보 및 예약 이력 통합 관리
- 매출·예약 통계 자동 생성
**핵심 기능**
- 서비스 관리: 제공 서비스명, 소요시간, 가격, 활성/비활성 상태 설정
- 영업시간 설정: 요일별 영업시간 및 휴무일 지정
- 예약 관리: 실시간 예약 접수, 확정/취소/완료 상태 관리
- 캘린더 뷰: 월/주/일 단위 예약 스케줄 시각화
- 고객 관리: 고객 정보, 예약 이력, 방문 횟수 통합 관리
- 대시보드: 일일/주간/월간 매출, 예약 건수, 인기 서비스 통계
**기술 구현**
React 기반 SPA 구조, Supabase PostgreSQL 실시간 데이터베이스 연동, Tailwind CSS 반응형 디자인, 캘린더 컴포넌트 통합, 예약 시간 충돌 방지 로직
**활용 시나리오**
- 뷰티샵: 네일/헤어/피부 서비스 예약 관리
- 병원/클리닉: 진료 예약 및 환자 관리
- 상담센터: 상담 시간 예약 및 고객 이력 관리
- 레슨: 1:1 개인 레슨 스케줄링
- 마사지샵: 코스별 예약 및 매출 통계
- 예시) 서버 구축, Front-end 개발, 관리자 페이지 개발 등
- 예시) 반응형 웹, Android, iOS 등
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 예시) 회원등급제 기능, 숙소 추천 로직 구성, GPS 기반 숙소 리스트, 실시간 예약 및 결제 페이지 등
4) 주안점 : 개발 시 중점이 되었던 사항
- 예시) 개인 정보에 대한 보안, 고도화된 예약 프로세스 등




