KoreaTravelEasy
Proposal Prototype

공고 요구사항 ↔ 프로토타입 매핑

Phase 1 의 목적은 기능 개선이 아니라 “운영 중인 서비스를 빠르고 정확하게 새 아키텍처로 옮기는 것”입니다. 이 프로토타입은 그 범위를 그대로 따라 만들었고, 아래 표에서 각 요구사항이 어느 화면에 구현되었는지 바로 확인할 수 있습니다.

1

메인 페이지 및 카테고리별 상품 목록 조회 (SEO 최적화)

generateStaticParams 로 카테고리·상품 페이지를 전량 사전 생성. 정렬·필터는 클라이언트에서 실제 동작.

메인 / 카테고리
2

상품 상세 + 복잡한 예약 옵션(날짜·인원·추가 옵션) 로직

달력(휴무·리드타임 반영), 인원 구분별 요금, 추가 옵션(인원당/건당), 성수기 할증까지 실시간 합산.

상품 상세 예약 패널
3

장바구니 및 해외 결제(PG) 포함 주문/결제 프로세스

수량 변경, 쿠폰·포인트 적용 재계산, 카드/PayPal/Alipay 선택. 승인은 시뮬레이션.

장바구니 → 결제 → 완료
4

마이페이지 (주문 내역·바우처·리뷰·쿠폰/포인트)

탭 UI, QR 바우처 상세, 리뷰 작성 모달(작성 즉시 상품 페이지 반영), 포인트 적립/사용 내역.

마이페이지
5

상품 관리 (정보·인벤토리·복잡한 예약 옵션 CRUD)

검색·필터·정렬 테이블 + 예약 옵션 편집기(인원/추가옵션/성수기 기간/휴무 요일/리드타임).

어드민 › 상품 관리
6

주문 관리 (상태 변경, 바우처 자동/수동 발급)

상태별 필터, 드롭다운 상태 변경, 수동 발급 시 발급자/일시 기록.

어드민 › 주문 관리
7

메인 페이지 CMS (배너·추천 상품 동적 관리)

드래그앤드롭 배너 정렬·노출 토글·추가/삭제, 추천 상품 검색 추가 및 순서 편집. 메인에 즉시 반영.

어드민 › 메인 CMS
8

회원 관리 (정보 조회, 쿠폰·포인트 지급/차감)

회원 상세 모달에서 포인트 지급/차감, 쿠폰 발급. 결과는 해당 회원 마이페이지에 즉시 반영.

어드민 › 회원 관리
9

기존 URL 100% 유지 및 301 리다이렉트 라우팅

구주소 입력 → 신규 경로 해석 시뮬레이터 + 전체 매핑 테이블.

SEO URL 매핑 데모

기술 스택

  • · Next.js 15 (App Router) · TypeScript · Tailwind CSS
  • · 상태 관리 Zustand · 아이콘 lucide-react
  • · 달력 react-day-picker · 차트 recharts
  • · `output: 'export'` 정적 빌드 — 서버 없이 동작

코드 관점

  • · 가격 계산은 `lib/pricing.ts` 한 곳에서만 — 화면마다 로직이 갈라지지 않습니다.
  • · 기존 URL → 신규 URL 매핑 규칙은 `data/legacy.ts` 에 데이터로 분리했습니다.
  • · 도메인 타입은 `lib/types.ts` 에 모아 실제 DB 스키마와 1:1 로 대응시켰습니다.
  • · 발주사가 인수 후 AI 도구로 이어서 개발할 수 있도록 표준적인 구조를 유지했습니다.

문의

info@koreatraveleasy.com · +82-10-7574-6474 (평일 10:00–18:00 KST)

본 화면은 제안용 프로토타입입니다. 모든 데이터는 목업이며 실제 결제·예약은 발생하지 않습니다.

Any Question?