글로벌 시간 단위 예약·해외 결제 플랫폼

고객이 파트너를 검색하고 날짜별 시간 슬롯을 골라 예약 요약까지 한 화면에서 확인합니다. 좌측 파트너 목록과 우측 슬롯 상세를 한 화면에 구성하고 선택 상태를 URL과 동기화합니다.

• 파트너 검색 필터를 URL 쿼리와 동기화하는 Custom Hook 설계
• React Query로 슬롯 조회 캐싱, 홀드 이후 무효화 구조 적용
• 예약 요약 패널을 선택 슬롯 상태에서 파생시키는 단방향 데이터 흐름 구성

리스트-상세 3패널 구조에서 슬롯 선택·요약·결제 진입을 끊김 없이 연결하는 예약 흐름을 구현합니다.

결제 진입 시 슬롯을 TTL 동안 점유하고 카운트다운을 보여주며 동일 시간대 중복 예약을 차단합니다. 홀드 행 생성과 확정을 트랜잭션으로 묶고 DB 제약으로 이중 확정을 막습니다.

• PostgreSQL 배제 제약(EXCLUDE)과 유니크 인덱스로 동일 시간대 이중 확정 차단 설계
• Prisma 트랜잭션과 SELECT FOR UPDATE로 홀드 생성 구간 직렬화
• TTL 만료 시 홀드를 해제하는 Cron 스위퍼와 클라이언트 카운트다운 동기화

동일 슬롯에 동시 결제 시도가 들어와도 하나만 확정되도록 DB 제약과 홀드 TTL을 이중으로 적용합니다.

카드·Apple Pay·PayPal·WeChat Pay·Line Pay 결제수단을 선택하고 결제 결과를 확인합니다. Adyen PSP 경유로 5개 결제수단을 한 체크아웃에 통합하고 결제 상태를 단계별로 표시합니다.

• Adyen 세션 생성 API와 결제수단 목록 동적 렌더링 설계
• 결제 상태 머신(대기·승인·실패·취소)을 서버에서 단일 관리
• 결제 결과 화면을 폴링과 웹훅 반영 상태로 갱신하는 구조 구현

결제수단별 분기를 PSP 추상화 계층 뒤로 숨겨 화면 코드가 수단 종류에 의존하지 않도록 설계합니다.

파트너가 배정 예약과 일정을 관리하고, 관리자가 전체 예약·결제 현황을 확인합니다. 역할별 라우트 가드와 같은 API를 공유하는 3개 화면(고객·파트너·관리자)을 연결합니다.

• JWT 역할 클레임 기반 라우트·API 이중 권한 검증 적용
• 파트너 예약 상태 전이(확정·진행·완료)를 서버 검증 규칙으로 제한
• 관리자 현황 집계를 SQL 뷰로 구성해 목록 API와 분리

고객·파트너·관리자 화면이 동일 예약 상태 모델을 공유하도록 API 계약을 먼저 정의합니다.