SYSTEM BLUEPRINT

한 번의 예약이
세 화면에 이어집니다

고객의 시간 선택과 해외 결제부터 파트너 일정, 관리자 현황까지

스토리보드란?

이 스토리보드는 실제 서비스를 만들기 전에 고객·파트너·관리자가 보게 될 화면과 예약 상태의 연결을 미리 확인하는 문서입니다.

  1. 고객이 시간을 선택하고 결제 전 슬롯을 선점합니다
  2. 해외 결제 승인 뒤 예약 한 건이 확정됩니다
  3. 파트너 일정과 관리자 현황에 같은 결과가 반영됩니다

마지막까지 보시면 중복 예약을 막고 세 웹을 하나로 잇는 방식을 확인하실 수 있습니다.

고객 시나리오

고객의 시간 선택부터 결제 확정까지

같은 시간을 두 고객이 눌러도 한 건만 결제로 넘어가도록 설계합니다.

자원 조회

서비스와 날짜 선택

시간 선택

가능 슬롯 확인

임시 선점

한 고객만 결제 진입

해외 결제

수단 선택과 승인

예약 확정

예약 번호 발급

고객 | 화면 01

고객 · 시간 선택

/reservation/u1_wf1
예약 서비스 예약하기  예약 내역  일정 관리KO · KRW
예약 서비스 / 시간 선택

시간 선택

예약 가능한 시간을 선택해 주세요.

10월 03일 토
10월 04일 일
10월 05일 월
통역 상담 · 60분
₩85,000
09:00
예약 가능
10:00
선점 중
11:00
마감
14:00
예약 가능
15:00
예약 가능
16:00
예약 가능
선택 요약
날짜2026.10.04선택 완료
시간14:00–15:00예약 가능
이 시간 예약하기 →
같은 예약 번호가 고객·파트너·관리자 화면에 연결됩니다.

[화면 개요 및 목적]

제안서의 공통 예약 원장을 고객 화면에 연결합니다. 날짜와 자원별 실제 가능 시간을 조회하고 선택합니다. 데모 Step 1에서 확인합니다.

[핵심 기능 로직]

서버가 자원·시간별 확정 및 유효 선점을 제외한 슬롯만 반환합니다. 결제 직전 다시 검증해 오래된 화면의 선택을 차단합니다.

  • 빈 시간만 표시
    예약 가능 시간 API
  • 오래된 선택 차단
    슬롯 상태 재검증
고객 | 화면 02

고객 · 결제 선점

/reservation/u1_wf2
예약 서비스 예약하기  예약 내역  일정 관리KO · KRW
예약 서비스 / 결제 전 선점

결제 전 선점

선점 시간이 끝나기 전에 결제해 주세요.

14:00 슬롯 선점 완료
예약 초안 RSV-20261004-1400
04:32

결제수단 선택

해외 카드 Visa / Mastercard선택선택
Apple Pay가능가능
PayPal가능가능
WeChat Pay준비준비
Line Pay준비준비

결제 요약

이용일2026.10.04선점 중
이용 시간14:00–15:00선점 중
결제 금액₩85,000확인
₩85,000 결제하기

[화면 개요 및 목적]

같은 시간 결제 경쟁에서 선점에 성공한 고객만 결제 단계로 진입합니다. 데모 Step 2와 Step 3의 기준 화면입니다.

[핵심 기능 로직]

PostgreSQL 트랜잭션과 슬롯 고유 제약으로 한 건만 유효 선점을 만들고 만료 시 해제합니다. 결제 요청은 예약별 멱등키로 묶습니다.

  • 결제 경쟁 한 건만 통과
    트랜잭션·고유 제약
  • 재시도에도 한 번만 청구
    결제 멱등키
고객 | 화면 03

고객 · 예약 결과

/reservation/u1_wf3
예약 서비스 예약하기  예약 내역  일정 관리KO · KRW
예약 서비스 / 예약 결과

예약 결과

결제와 예약 상태를 함께 확인합니다.

✓ 예약이 확정되었습니다
RSV-20261004-1400
2026.10.04 일요일 · 14:00–15:00
해외 카드 · ₩85,000
확정

최근 요청 상태

RSV-1400결제 완료확정
RSV-1600승인 확인 중대기
승인 2026.10.04 13:42

다음 행동

확정 건은 파트너 일정에 반영됩니다.
결제 실패 건은 선점 해제 뒤 다시 선택할 수 있습니다.
예약 내역 보기 →

[화면 개요 및 목적]

승인 웹훅이 도착하면 확정 번호를 보여주고, 지연 또는 실패 시 명확한 다음 행동을 제시합니다. 데모 Step 3에서 확인합니다.

[핵심 기능 로직]

PG 승인 결과는 서버에서 검증하고 멱등 처리합니다. 선점·결제 상태가 다르면 자동 대사 대상으로 남겨 운영 화면에서 확인합니다.

  • 중복 승인 재전송 차단
    웹훅 멱등 처리
  • 실패 건 추적
    결제 대사 기록
운영 시나리오

파트너 일정과 관리자 현황의 연결

확정된 예약은 담당 파트너 일정과 전체 운영 현황에 같은 상태로 나타납니다.

확정 수신

예약 원장 반영

일정 배정

파트너 달력 갱신

현황 확인

관리자 대시보드

결제 대사

누락·지연 확인

운영 점검

이슈 처리 완료

운영 | 화면 01

파트너 · 배정 일정

/reservation/u2_wf1
예약 서비스 예약하기  예약 내역  일정 관리KO · KRW
예약 서비스 / 파트너 일정

파트너 일정

오늘 배정된 예약과 차단 시간을 확인하세요.

오늘 예약
8건
확정
6건
진행 중
1건
차단 시간
1건

2026.10.04 일요일 · 배정 현황

09:00–10:00 · 예약 #RSV-0900상담 A완료
11:00–12:00 · 예약 #RSV-1100상담 B진행 중
14:00–15:00 · 예약 #RSV-1400통역 상담확정
16:00–17:00 · 운영 차단일정 조정차단

선택한 예약

RSV-20261004-1400
14:00–15:00
결제 완료 · 확정
예약 상세 확인 →
같은 예약 번호가 고객·파트너·관리자 화면에 연결됩니다.

[화면 개요 및 목적]

고객 예약 확정이 파트너의 일정에 같은 번호와 시간으로 반영됩니다. 데모 Step 4에서 확인합니다.

[핵심 기능 로직]

파트너에게 배정된 자원과 예약만 권한별 API로 제공합니다. 선점 중 슬롯은 확정 일정과 별도 상태로 표시합니다.

  • 배정 일정 즉시 확인
    권한별 일정 API
  • 충돌 일정 방지
    슬롯 상태 공유
운영 | 화면 02

관리자 · 예약 현황

/reservation/u2_wf2
예약 서비스 예약하기  예약 내역  일정 관리KO · KRW
예약 서비스 / 관리자 현황

관리자 현황

예약과 해외 결제의 상태를 한곳에서 확인합니다.

확정 예약
126건
임시 선점
4건
결제 확인 필요
2건
중복 시도 차단
7건

예약·결제 상태

2026.10.04
RSV-1400 · 통역 상담 · PayPal₩85,000확정
RSV-1500 · 상담 · Apple Pay₩85,000선점 중
RSV-1600 · 상담 · 해외 카드₩85,000확인 필요
RSV-1700 · 상담 · Line Pay₩85,000결제 실패
마지막 동기화 13:42:18대사 대상 2건 확인 →

[화면 개요 및 목적]

관리자가 고객 결제, 파트너 배정, 중복 예약 차단 기록을 하나의 원장에서 조회합니다. 데모 Step 4에서 확인합니다.

[핵심 기능 로직]

예약·결제·웹훅 상태를 같은 예약 번호로 추적합니다. 지연 승인과 결제 실패 건은 대사 목록에 남겨 배포 후에도 복구할 수 있습니다.

  • 세 웹 상태 한눈에 확인
    공통 예약 원장
  • 누락 결제 빠르게 점검
    웹훅 로그·대사
운영 | 화면 03

[화면 개요 및 목적]

[핵심 기능 로직]

    시나리오

    | 화면 01

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 02

      [화면 개요 및 목적]

      [핵심 기능 로직]

        | 화면 03

        [화면 개요 및 목적]

        [핵심 기능 로직]