온결 메디컬 멀티지점 예약 웹사이트

네 개 지점을 고르는 게이트웨이와 선택한 지점의 오늘 진료시간, 진료과별 남은 예약 시간대가 한 화면에 보입니다. 시간대를 누르면 예약 화면으로 이어집니다.

• 지점 코드를 URL 경로로 두고 React Router 중첩 라우트로 지점별 홈을 분기
• 진료과·슬롯 조회를 Prisma 쿼리 한 번으로 묶어 지점 홈 데이터를 구성
• Tailwind 반응형 브레이크포인트로 PC·모바일 동일 컴포넌트 재사용

지점 정보와 슬롯 데이터를 단일 API 응답으로 내려 게이트웨이, 지점 홈, 예약 화면이 같은 숫자를 쓰도록 구조를 설계합니다.

일곱 개 이상의 진료과가 같은 템플릿으로 열리고, 진료 안내와 의료진, 진료 절차, 해당 과의 예약 가능 시간대가 이어집니다. 지점을 바꾸면 그 지점의 의료진과 시간표로 바뀝니다.

• 진료과 콘텐츠를 JSON 스키마로 정의하고 템플릿 컴포넌트에 주입
• 지점×진료과 조합을 라우트 파라미터로 받아 의료진 목록을 필터
• 접근성을 위해 제목 위계와 대체 텍스트, 키보드 포커스 순서를 점검

콘텐츠 데이터와 템플릿을 분리해 진료과 추가가 데이터 입력만으로 끝나는 구조를 설계합니다.

지점, 진료과, 날짜, 시간대를 고르고 모의 본인인증을 거쳐 예약을 접수합니다. 같은 시간대에 이미 찬 예약은 선택 단계에서 막히고, 완료 화면에 예약 번호가 표시됩니다.

• 슬롯 테이블의 지점·진료과·일시 복합 유니크 제약과 트랜잭션으로 동시 예약 충돌 방지
• 본인인증 어댑터 인터페이스를 두고 모의 구현과 제공사 구현을 교체 가능하게 설계
• 단계형 폼과 단계별 입력 검증으로 모바일 입력 흐름 구성

인증 제공사 심사 전에도 같은 인터페이스로 예약 흐름을 검증할 수 있도록 어댑터 구조를 설계합니다.

예약 번호와 모의 인증으로 본인 예약 내역을 열고, 일정 변경과 취소를 진행합니다. 취소는 확인 대화상자를 거치고 변경은 빈 시간대 중에서만 고를 수 있습니다.

• 예약 상태 전이를 서버 검증 함수로 제한
• 변경 시 슬롯 해제와 확보를 단일 트랜잭션으로 묶어 중간 상태 방지
• 조회 권한을 예약 번호와 인증 토큰 조합으로 검사

비회원 조회 권한을 인증 토큰과 예약 번호 조합으로 제한해 로그인 체계 없이도 본인 예약만 열리도록 설계합니다.