공간 대여 예약 플랫폼

이용자가 지역별로 나뉜 여러 지점의 공간 목록을 카드 그리드로 살펴보고, 인원수·시간대 필터로 원하는 공간을 빠르게 좁혀볼 수 있습니다.

• Tailwind CSS 반응형 브레이크포인트 기준으로 PC·모바일 단일 소스에서 카드 그리드 컬럼 수를 2~4열로 전환하는 구조를 구현합니다
• React Query staleTime을 지점·공간 목록에 적용해 재조회 없이 즉시 렌더링하는 캐싱 전략을 설계합니다
• PostgreSQL 복합 인덱스(지점ID·이용 가능일)로 필터 조회 쿼리 구조를 최적화합니다

검색 세그먼트와 필터 chips를 조합한 탐색 UI를 구현하고, 반응형 단일 소스 구조로 PC·모바일 그리드 전환을 설계합니다.

이용자가 날짜·시간을 다중 선택해 원하는 슬롯을 예약하면, 기본 인원 초과 시 추가 요금이 자동으로 계산되어 즉시 확정됩니다.

• PostgreSQL 트랜잭션과 행 단위 잠금(SELECT... FOR UPDATE)으로 동일 슬롯 동시 예약 충돌을 차단하는 구조를 설계합니다
• 다중 시간 슬롯 선택 시 인원×시간×단가 기준 요금 자동 계산 로직을 룸별 요금 정책 테이블과 연동해 구현합니다
• 예약 확정 전 슬롯을 임시 점유 상태로 표시하는 낙관적 UI 패턴을 적용해 대기 없는 예약 흐름을 구현합니다

슬롯 잠금과 트랜잭션 격리로 동시 예약 충돌을 방지하고, 룸별 요금 매트릭스 기반 자동 계산 엔진을 구현합니다.

이용자가 신용카드 또는 무통장 입금으로 결제하며, 예약 취소 시 환불 규정에 따라 환불 금액이 자동으로 판정됩니다.

• TossPayments 결제창 연동 및 결제 승인·취소 웹훅 처리 구조를 구현합니다
• 취소 시점과 이용 시작 시각의 차이를 계산해 전액·차등 환불 금액을 자동 판정하는 규정 엔진을 설계합니다
• 결제·환불 트랜잭션 로그 테이블을 별도로 두어 결제 금액과 환불 금액의 데이터 정합성을 상시 검증하는 구조를 구현합니다

결제·취소·환불 전 과정을 하나의 트랜잭션 흐름으로 연결하고, 시점 기반 환불 규정 자동 판정 로직을 구현합니다.

예약이 확정되면 카카오 알림톡으로 우선 발송하고, 발송에 실패하면 자동으로 SMS로 재발송해 안내 누락을 방지합니다.

• Bull Queue 기반 알림 발송 큐를 구현해 알림톡 발송 실패 시 자동으로 SMS 채널로 재시도하는 폴백 구조를 설계합니다
• 지점별 알림 템플릿을 2단 구조(알림톡 우선·SMS 대체)로 관리하는 템플릿 매핑 테이블을 구현합니다
• 발송 이력을 상태값(성공·재시도·실패)으로 기록해 관리자 화면에서 발송 결과를 추적하는 구조를 구현합니다

카카오 알림톡과 SMS를 하나의 발송 큐로 통합하고, 실패 감지 시 채널을 자동 전환하는 폴백 구조를 구현합니다.