1. 개요

예약과 예약 상태, 마지막으로 쓴 휴대폰 번호는 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 문자·알림톡 발송, 매장 관리자 화면, 디자이너 근무표 연동, 결제·예약금, 회원 가입·로그인(예약 조회는 휴대폰 번호로 대신함), 여러 기기에서 같은 예약을 보는 서버 저장.

2. 과제

1. 지점이 여럿이면 손님이 헷갈린다.

어느 지점에, 누구에게, 얼마에 받을 수 있는지가 한 화면에서 보여야 예약으로 넘어갑니다.

2. 전화·메시지 예약은 겹치고 어긋난다.

휴무일이나 지난 시간, 이미 잡힌 시간에 예약이 들어오지 않도록 고를 수 있는 시간만 눌리게 해야 합니다.

3. 예약을 다시 보려면 매장에 연락해야 한다.

예약한 시간을 잊었거나 취소하고 싶을 때 손님이 직접 찾아보고 처리할 수 있어야 합니다.

3. 화면 구조

소개부터 아카데미까지 한 페이지를 내려 보며 읽습니다. 예약은 페이지를 옮기지 않고 위에 겹쳐 열리는 창에서 네 단계로 진행되고, 지점 카드의 "이 지점 예약"을 누르면 지점이 골라진 채 두 번째 단계부터 시작합니다. 예약 확인은 전체 메뉴·연락 구역·바닥글 어디서든 바로 열립니다.

4. 주요 기능

4단계 예약과 예약번호

지점 → 디자이너 → 시술 → 날짜·시간 순서로 고릅니다. 월요일 휴무, 지난 시간, 같은 지점에 이미 잡힌 시간은 눌리지 않습니다. 이름과 휴대폰 번호를 확인한 뒤 예약번호(JO날짜-순번)를 발급하고 저장합니다.

예약 확인·취소

휴대폰 번호로 저장된 예약을 찾아 날짜·시술·지점·디자이너를 보여 줍니다. 취소하면 "취소됨"으로 바뀌고, 새로고침 뒤에도 그 상태가 남습니다. 마지막으로 쓴 번호는 다음에 들어왔을 때 미리 채워집니다.

지점 안내와 지점 바로 예약

세 지점의 주소와 요일별 영업시간을 카드로 나란히 보여 줍니다. 주소를 누르면 복사되고, "이 지점 예약"을 누르면 지점이 골라진 채 예약 창이 열립니다.

디자이너 등급별 가격표

원장·디자이너·주니어 탭을 누르면 같은 자리에서 가격표가 바뀝니다. 시술 이름과 가격을 한 줄씩 놓아 휴대폰에서도 한눈에 비교됩니다.

• 스타일 크게 보기스타일 사진을 누르면 전체 화면으로 크게 열립니다. 좌우 버튼이나 키보드 화살표로 넘기고, 사진마다 스타일 이름이 붙습니다.
• 전체 메뉴전체 화면 메뉴에서 소개·지점·가격표·스타일·아카데미 구역과 예약 확인으로 바로 갑니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 예약을 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 10가지: 전체 메뉴 열고 닫기 · 가격표 탭 바꾸기 · 스타일 크게 보기와 넘기기 · 예약 중 조회 칸 숨기기 · 날짜 없이 확정 막기 · 예약 4단계 저장 · 이미 잡힌 시간 다시 못 고르기 · 새로고침 뒤 예약 확인 · 예약 취소와 새로고침 뒤 상태 유지 · 없는 번호 조회 안내

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준 · PC는 PC 기준으로 각각 세 번 측정해 같은 값)

휴대폰: 첫 화면 표시 1.1초 · 가장 큰 요소 표시 3.8초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.3초 · 가장 큰 요소 표시 0.8초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과