필라테스 예약 키트로 예약 화면 직접 만들어 보기

전체 세트 키트(화면 73장, PRD, 서비스 공통 규칙, IA, 화면 연결, 수용 기준 체크리스트)를 받아 README와 AGENTS의 읽는 순서대로 봤어요. 키트 자동 점검에는 "화면별 기능정의 없음"이 96건 나왔어요. 버튼 하나하나의 동작 설명은 없어서, 동작은 PRD와 서비스 공통 규칙으로 정했어요.

키트는 PHP·MySQL로 만들고 디자인 시안 3종을 먼저 고르라고 안내하지만, 이번에는 1~2시간 시연이라 서버 없이 브라우저에서만 도는 화면으로 만들었어요. 사진 시안·회원가입·로그인도 건너뛰었어요. 회원 화면 6개와 운영자 화면 2개만 만들었어요.

주소(/reformer-seats)와 화면 상태(잔여 있음·만석·조건에 맞는 수업 없음)는 IA를 그대로 따랐어요. 날짜 표기(2026.10.08 07:00)와 "0석" 표기는 공통 규칙대로 했어요. 예시 화면들은 스튜디오 이름과 날짜 표기가 화면마다 달라서, 공통 규칙을 기준으로 맞췄어요.

공통 규칙의 "이용권 차감·복원" 문구(남은 횟수 없음·기간 밖·쓸 수 있는 이용권 없음)와 "이미 예약한 수업이에요", 동시 예약 마감 문구를 그대로 옮겨 써서 문구를 따로 고민할 필요가 없었어요. 이용권을 지급한 스튜디오 수업에만 쓰게 한 건 키트에 적혀 있지 않아서 저희가 정한 부분이에요.

확정되면 잔여석과 횟수권 1회 차감을 한 번에 반영하고, 확정 화면에서 결과를 보여 줘요. 취소 가능 시각과 취소할 때 횟수를 되돌릴지는 PRD에 "확정 필요"로 남아 있어서, 스튜디오마다 따로 정하는 값으로 두었어요.

운영자는 자기 스튜디오 예약만 보고, 출석·당일 취소·노쇼를 저장하기 전에 "이 예약 상태를 저장할까요?"를 한 번 더 물어요. 리마인드가 실패하면 예약은 확정 그대로 두고 알림 실패만 보여 줘요. 수용 기준 7개 가운데 6개는 자동 테스트로 확인했고, 결제 화면이 없는지는 눈으로 확인했어요. 동시 예약은 브라우저 안에서 흉내만 낸 것이라, 실제 서버에서는 다시 확인해야 해요.