STEP 00 · 준비
먼저 — 로그인과 계정 체계
매니저와 대표 모두 같은 로그인 주소를 씁니다. 로그인하면 계정 권한에 따라 각자 페이지로 자동 이동합니다.
- 로그인 주소로 접속
wonscleaning-web.vercel.app/admin/login — 휴대폰·PC 모두 가능
- 아이디 + 비밀번호 입력아이디는 짧은 글자(a·b·c·d / ceo), 비밀번호는 계정 만들 때 정하신 비밀번호입니다.
- 자동 이동매니저 아이디 → 매니저 페이지(/manager), 대표 아이디 → 관리자 페이지(/admin)로 자동 연결됩니다.
계정표
| 아이디 | 역할 | 로그인 후 화면 | 담당 |
a | 매니저 (팀원 A) | 매니저 페이지 | 정기 관리청소 / 송도1~3동 |
b | 매니저 (팀원 B) | 매니저 페이지 | 1회성·공간별 / 송도3~5·옥련 |
c | 매니저 (팀원 C) | 매니저 페이지 | 정기·1회성 / 연수·청학·선학 |
d | 매니저 (팀원 D) | 매니저 페이지 | 공간별 / 동춘·청학 |
ceo | 대표 | 관리자 페이지(전체) | 전 매니저 현황 관리 |
🔐 비밀번호 분실 시: Supabase 콘솔의 Authentication → Users에서 해당 계정 비밀번호를 재설정할 수 있습니다. (개발자에게 요청하셔도 됩니다.)
로그인 화면 열기 /admin/login ↗
STEP 01 · 고객 입장
고객 입장 — 예약 신청 시연
고객이 실제로 예약하는 흐름입니다. 대표님이 먼저 고객인 척 한 번 신청해 보시면 매니저·대표 화면에서 그 예약이 어떻게 보이는지 끝까지 따라갈 수 있습니다.
- 예약 페이지 접속
/reserve 또는 사이트 우상단 ‘예약하기’ 클릭
- 매니저 선택동네/담당 매니저를 고릅니다. (매니저별로 가능한 시간이 다릅니다.)
- 날짜 선택달력에서 원하는 날짜를 누릅니다. 휴무일은 선택되지 않습니다.
- 시간대 선택09:00~18:00 중 1시간 단위로 선택. 이미 찬 시간·휴무 시간은 자동으로 닫혀 누를 수 없습니다.
- 서비스·평형·요청사항 입력서비스 종류(정기/1회성/공간별), 평형, 연락처, 요청사항을 적습니다.
- 신청 완료신청하면 예약은 신규(요청) 상태로 매니저에게 전달됩니다. 아직 확정 전입니다.
💡 ‘요청 → 확정’ 2단계인 이유: 매니저가 현장 상황을 보고 받을지 결정하기 때문입니다. 바로 확정이 아니라 ‘요청’이 먼저 들어가고, 매니저가 확정하면 그 시간이 마감됩니다.
📞 전화·카톡 상담을 선호하는 고객을 위해 상담 버튼은 그대로 있습니다. 예약과 상담은 함께 운영됩니다.
예약 화면 열기 /reserve ↗
STEP 02 · 매니저 입장
매니저 입장 — 일정·요청 관리
매니저 아이디(a~d)로 로그인하면 본인 예약만 보입니다. 탭은 캘린더 · 예약 요청 · 내 후기·고객 세 개입니다.
① 캘린더 탭 (기본 화면)
- 한 달 일정 보기확정 예약과 휴무가 달력에 색으로 표시됩니다.
- 날짜를 누르면 하단에 ‘그 날 전체 시간표’09~18시 슬롯이 예약/휴무/빈칸으로 한눈에 보입니다.
- 못 가는 시간 막기날짜·시간을 ‘휴무로 닫기’ 하면 고객 예약 화면에서 그 시간이 사라집니다. 다시 누르면 ‘열기’.
② 예약 요청 탭
- 새 요청 확인고객이 신청한 신규 예약과 고객 요청사항, 재방문 고객이면 지난 방문 이력까지 함께 표시됩니다.
- 예약 확정‘예약 확정’을 누르면 확정이 되고 그 시간이 마감됩니다. (다른 고객이 못 잡음)
- 거절‘거절’하면 그 시간이 다시 열려 다른 고객이 예약할 수 있습니다.
③ 내 후기 · 고객 탭
- 내 후기 관리나에게 달린 후기를 확인합니다.
- 내 고객 관리서비스한 고객을 전화번호로 모아 메모를 적고 ‘단골’로 표시할 수 있습니다.
- 비포 / 애프터 사진방문 결과 사진을 비포·애프터로 올려 기록합니다.
💡 어르신 매니저도 쓰기 쉽도록 글씨·버튼을 크게 했고, 확정 버튼은 다른 색으로 구분했습니다.
STEP 03 · 대표 입장
대표 입장 — 전체 현황 관리
대표 아이디(ceo)로 로그인하면 모든 매니저의 예약을 관리합니다. 탭은 매니저별 현황 · 캘린더 · 매니저 상세입니다.
① 매니저별 현황 탭
- 한눈 비교매니저별 가용률 · 예상 매출 · 대기 중 요청 수를 나란히 봅니다.
- 대기 요청 확인아직 확정 안 된 신규 요청이 매니저별로 표시됩니다. 클릭하면 고객 요청사항까지 확인됩니다.
② 캘린더 탭
- 날짜 클릭선택한 날이 달력에서 강조 표시되고, 하단에 그 날 일정이 매니저 4단으로 나란히 펼쳐집니다.
- 전화예약 수동 추가전화로 받은 예약을 대표가 직접 입력 — 매니저·날짜·시간·서비스·평형·고객정보를 넣어 등록합니다.
- 매니저 재배정예약을 다른 매니저에게 옮길 수 있습니다. (일정 충돌·동선 조정 시)
③ 매니저 상세 탭
- 매니저 선택매니저를 고르면 그 사람의 후기와 관리 고객을 대표가 직접 확인합니다.
🧮 전화예약 추가 시 서비스·평형 기본값은 ‘정기 관리청소 / 10~24평’으로 맞춰 두었습니다. 실제 건에 맞게 바꿔 등록하세요.
STEP 04 · 참고
예약 상태 / 자주 묻는 질문
예약 상태 색상
| 상태 | 뜻 |
| 신규 | 고객이 신청한 ‘요청’ — 매니저 확정 대기 |
| 확정 | 매니저가 받기로 한 예약 — 그 시간 마감 |
| 완료 | 방문·작업이 끝난 예약 |
| 취소 | 취소된 예약 — 그 시간 다시 열림 |
| 마감/휴무 | 매니저가 막아 둔 시간 |
- Q. 두 고객이 같은 시간에 동시에 신청하면요?
- 한 매니저의 한 시간대는 한 건만 확정되도록 시스템(DB)에서 막혀 있어 더블부킹이 생기지 않습니다.
- Q. 매니저가 깜빡하고 확정을 안 하면?
- 요청 상태로 남아 있습니다. 매니저 ‘예약 요청’ 탭과 대표 ‘매니저별 현황’의 대기 수로 바로 보이니, 대표님이 독려하시거나 전화예약으로 직접 확정해 주시면 됩니다.
- Q. 휴가/병원 등 못 가는 날은?
- 매니저가 캘린더에서 그 날·시간을 ‘휴무로 닫기’ 하면 고객 화면에서 사라집니다.
- Q. 예약과 상담(전화·카톡)은 따로인가요?
- 네, 함께 운영됩니다. 바로 예약을 원하는 고객은 예약을, 문의가 필요한 고객은 상담을 이용합니다.
- Q. 로그인하면 매니저/대표 화면을 어떻게 구분하나요?
- 아이디 권한으로 자동 구분됩니다. 매니저는 본인 것만, 대표는 전체를 봅니다.
STEP 05 · 실습
직접 해보기 체크리스트
아래 순서대로 한 번씩 해 보시면 전체 흐름이 손에 익습니다. (☐ 칸에 체크하며 진행)
대표님 실습 (한 바퀴)
- 고객처럼
/reserve에서 테스트 예약 1건 신청해 보기
- 해당 매니저 아이디로 로그인 → ‘예약 요청’에서 방금 그 예약 확정해 보기
- 매니저 ‘캘린더’에서 아무 날 휴무로 닫기 → 다시 열기
- 매니저 ‘내 후기·고객’에서 고객 메모 적고 단골 표시해 보기
- 대표(ceo)로 로그인 → ‘매니저별 현황’에서 가용률·매출·대기 요청 확인
- 대표 ‘캘린더’에서 날짜 클릭 → 4단 일정 확인 → 전화예약 1건 추가
- 그 예약을 다른 매니저로 재배정해 보기
🧪 위 실습으로 만든 테스트 예약은 나중에 취소 처리하시면 됩니다. (실데이터와 섞이지 않게)
📌 막히는 부분이 있으면 그 화면을 캡처해서 개발자에게 전달해 주세요. 바로 잡아드리겠습니다.