WON'S CLEANING · Reservation System Guide

예약 시스템 사용 가이드

고객 · 매니저 · 대표 세 입장에서 직접 따라 해 보는 튜토리얼입니다.
출력하신 뒤 화면을 함께 보며 한 단계씩 해 보시면 한 번에 익히실 수 있습니다.

작성일  2026-06-18 로그인  /admin/login 배포  wonscleaning-web.vercel.app
STEP 00 · 준비

먼저 — 로그인과 계정 체계

매니저와 대표 모두 같은 로그인 주소를 씁니다. 로그인하면 계정 권한에 따라 각자 페이지로 자동 이동합니다.

계정표

아이디역할로그인 후 화면담당
a매니저 (팀원 A)매니저 페이지정기 관리청소 / 송도1~3동
b매니저 (팀원 B)매니저 페이지1회성·공간별 / 송도3~5·옥련
c매니저 (팀원 C)매니저 페이지정기·1회성 / 연수·청학·선학
d매니저 (팀원 D)매니저 페이지공간별 / 동춘·청학
ceo대표관리자 페이지(전체)전 매니저 현황 관리
🔐 비밀번호 분실 시: Supabase 콘솔의 Authentication → Users에서 해당 계정 비밀번호를 재설정할 수 있습니다. (개발자에게 요청하셔도 됩니다.)
로그인 화면 열기 /admin/login
STEP 01 · 고객 입장

고객 입장 — 예약 신청 시연

고객이 실제로 예약하는 흐름입니다. 대표님이 먼저 고객인 척 한 번 신청해 보시면 매니저·대표 화면에서 그 예약이 어떻게 보이는지 끝까지 따라갈 수 있습니다.

💡 ‘요청 → 확정’ 2단계인 이유: 매니저가 현장 상황을 보고 받을지 결정하기 때문입니다. 바로 확정이 아니라 ‘요청’이 먼저 들어가고, 매니저가 확정하면 그 시간이 마감됩니다.
📞 전화·카톡 상담을 선호하는 고객을 위해 상담 버튼은 그대로 있습니다. 예약과 상담은 함께 운영됩니다.
예약 화면 열기 /reserve
STEP 02 · 매니저 입장

매니저 입장 — 일정·요청 관리

매니저 아이디(a~d)로 로그인하면 본인 예약만 보입니다. 탭은 캘린더 · 예약 요청 · 내 후기·고객 세 개입니다.

① 캘린더 탭 (기본 화면)

② 예약 요청 탭

③ 내 후기 · 고객 탭

💡 어르신 매니저도 쓰기 쉽도록 글씨·버튼을 크게 했고, 확정 버튼은 다른 색으로 구분했습니다.
STEP 03 · 대표 입장

대표 입장 — 전체 현황 관리

대표 아이디(ceo)로 로그인하면 모든 매니저의 예약을 관리합니다. 탭은 매니저별 현황 · 캘린더 · 매니저 상세입니다.

① 매니저별 현황 탭

② 캘린더 탭

③ 매니저 상세 탭

🧮 전화예약 추가 시 서비스·평형 기본값은 ‘정기 관리청소 / 10~24평’으로 맞춰 두었습니다. 실제 건에 맞게 바꿔 등록하세요.
STEP 04 · 참고

예약 상태 / 자주 묻는 질문

예약 상태 색상

상태
신규고객이 신청한 ‘요청’ — 매니저 확정 대기
확정매니저가 받기로 한 예약 — 그 시간 마감
완료방문·작업이 끝난 예약
취소취소된 예약 — 그 시간 다시 열림
마감/휴무매니저가 막아 둔 시간
Q. 두 고객이 같은 시간에 동시에 신청하면요?
한 매니저의 한 시간대는 한 건만 확정되도록 시스템(DB)에서 막혀 있어 더블부킹이 생기지 않습니다.
Q. 매니저가 깜빡하고 확정을 안 하면?
요청 상태로 남아 있습니다. 매니저 ‘예약 요청’ 탭과 대표 ‘매니저별 현황’의 대기 수로 바로 보이니, 대표님이 독려하시거나 전화예약으로 직접 확정해 주시면 됩니다.
Q. 휴가/병원 등 못 가는 날은?
매니저가 캘린더에서 그 날·시간을 ‘휴무로 닫기’ 하면 고객 화면에서 사라집니다.
Q. 예약과 상담(전화·카톡)은 따로인가요?
네, 함께 운영됩니다. 바로 예약을 원하는 고객은 예약을, 문의가 필요한 고객은 상담을 이용합니다.
Q. 로그인하면 매니저/대표 화면을 어떻게 구분하나요?
아이디 권한으로 자동 구분됩니다. 매니저는 본인 것만, 대표는 전체를 봅니다.
STEP 05 · 실습

직접 해보기 체크리스트

아래 순서대로 한 번씩 해 보시면 전체 흐름이 손에 익습니다. (☐ 칸에 체크하며 진행)

대표님 실습 (한 바퀴)

🧪 위 실습으로 만든 테스트 예약은 나중에 취소 처리하시면 됩니다. (실데이터와 섞이지 않게)
📌 막히는 부분이 있으면 그 화면을 캡처해서 개발자에게 전달해 주세요. 바로 잡아드리겠습니다.