KoreaTravelEasy
Proposal Prototype

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

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

1

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

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

메인 / 카테고리 →
2

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

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

상품 상세 예약 패널 →
3

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

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

장바구니 → 결제 → 완료 →
4

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

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

마이페이지 →
5

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

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

어드민 › 상품 관리 →
6

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

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

어드민 › 주문 관리 →
7

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

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

어드민 › 메인 CMS →
8

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

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

어드민 › 회원 관리 →
9

WooCommerce → PostgreSQL 데이터 추출·정형화 이관 (유료 파일럿 검증 대상)

4단계 파이프라인 실행 후 건수·금액 대조표와 담당자 확인 항목을 리포트로 제시. 이관된 데이터로 그려진 상품 페이지까지 연결됩니다.

어드민 › 데이터 이관 →
10

상품 페이지 SEO · AEO 구성 (RFP 4-1 — 발주사 최우선 관심, 항목별 검수)

SSR 로 본문·가격·리뷰가 최초 HTML 에 포함되고, Product(offers 배열)·AggregateRating·Review·BreadcrumbList·TouristTrip·Event·FAQPage·Organization 을 DB 값에서 자동 생성합니다. robots.txt 에 AI 크롤러 6종 명시 허용, llms.txt·sitemap.xml 자동 생성. 상품별 메타·alt 입력과 자체 점검 표시까지 포함.

어드민 › SEO 점검 →
11

상품 태그 이식 + 마스터 관리 (RFP 2-1 7번 — 최우선 검수)

현행 /product-tag/* URL 을 그대로 유지하고, 태그는 자유 입력이 아닌 마스터로 관리합니다(태그별 상품 수·자동완성 선택).

태그 목록 페이지 →
12

예약 옵션 2단 계층 + 세부 옵션별 파트너 지정 (RFP 2-1 3번)

메인 옵션 아래 세부 옵션(기사·가이드)을 두고 각각 파트너와 입금가를 지정합니다 — 주문·명단·정산 엑셀에 컬럼으로 출력되는 구조입니다.

어드민 › 상품 관리 →
13

검색 동작 이식 — 자동완성(키워드 하이라이트)·전문 검색 (RFP 2-1 1번)

입력 중에는 상품명 매칭 결과를 이미지와 함께 즉시 표시하고 매칭 부분을 하이라이트합니다. 엔터를 누르면 상품명·본문·태그·카테고리를 모두 훑는 전문 검색으로 이동하며, 상품명 일치가 본문 일치보다 위에 옵니다. 인기 검색어는 어드민에서 관리합니다.

검색 결과 →
14

쿠폰 — 코드 입력형 최소 기능 (RFP 2-1 6번)

정률/정액·최대 할인액·최소 구매액·유효기간·1인/총 사용 제한·적용 제외 상품까지 생성 시 설정하고, 쿠폰별 사용 이력을 조회합니다.

어드민 › 쿠폰 관리 →
15

바우처·메일 템플릿 시스템 + 자동 발송 규칙 (RFP 4번 3 · 4a)

변수 치환형 템플릿 + 공통 블록 조합. 실제 주문으로 미리보기가 되고, 자동 발송 규칙 4종(기준일·오프셋·시각·템플릿)을 화면에서 조정합니다.

어드민 › 템플릿 →
16

통화 정책 — 원화 입력 · USD 표시/결제 (RFP 5번 2)

기준 환율 한 곳 관리 + 용도별 조정값 2종(표시·결제용 / 은행이체 수취용). 주문 시점 환율은 스냅샷으로 고정됩니다.

어드민 › 환율 관리 →
17

기존 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?