플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 4개 언어 콘텐츠의 SEO 최적화 — hreflang 태그와 언어별 URL 슬러그 구조를 설계하여 다국어 검색 유입을 준비합니다. - 글로벌 PG 다통화 환산 및 부분 환불 처리 — 결제 게이트웨이 Currency API와 PayPal Multi-Currency 설정으로 실시간 환율 기반 결제 흐름을 구현합니다. - 언어별 폼 입력 유효성 처리 — 한자·한글·영문·일본
프로젝트 성과
4개 언어 + 4개 통화 글로벌 플로우 설계
한·영·중·일 언어 전환과 USD/EUR/CNY/JPY 다통화 결제 흐름을 단일 React 앱으로 구현하는 i18n+결제 통합 구조를 설계합니다.
갤러리+퀵뷰 UX 패턴 구현
갤러리형 상품 탐색에 인라인 퀵뷰 패널을 결합하여 페이지 이탈 없이 상품 세부 정보를 확인하는 UX 구조를 구현합니다.
다단계 예약 플로우 상태 관리
날짜→인원→옵션→결제 다단계 폼을 상태 머신 패턴으로 관리하여 단계 이동 시 입력값 보존과 실시간 가격 계산을 설계합니다.
클라이언트 사이드 바우처 PDF 생성
jsPDF를 활용한 다국어 바우처 PDF 클라이언트 생성으로 서버 의존 없이 즉시 다운로드하는 구조를 설계합니다.
핵심 기능
여행상품 탐색 및 필터
여행지·테마·기간·가격대·별점 다중 필터를 제공하는 갤러리형 상품 탐색 화면을 구현합니다. 카드 호버 시 퀵뷰 패널이 펼쳐져 세부 일정과 포함 내역을 즉시 확인할 수 있습니다
진행 단계
여행상품 카탈로그 및 갤러리 필터 UI 구현
2026.06
다중 필터 컴포넌트, 카드 그리드, 퀵뷰 패널 설계 및 구현
프로젝트 상세
1) 포트폴리오 소개 북미·유럽·중국·일본 글로벌 고객을 대상으로 한 다국어 여행 상품 예약 플랫폼입니다. 여행지·테마·일정 필터 검색부터 날짜/인원 기반 예약 플로우, Stripe/PayPal 글로벌 결제 연동, 마이페이지 예약 관리까지 B2C 전자상거래 핵심 흐름을 React 기반 싱글 페이지로 구현합니다. 2) 작업 범위 - 여행상품 탐색 및 필터: 여행지·테마·기간·가격대·별점 다중 필터를 제
