자동차 부품 통합 검색·비교 플랫폼

차종(브랜드·모델·연식·세대)과 부품명·품번을 조합해 원하는 부품을 빠르게 찾을 수 있는 통합 검색 화면을 제공합니다.

• PostgreSQL GIN 인덱스 기반 전문 검색으로 부품명·품번 키워드 매칭 처리
• 브랜드·모델·연식·세대·카테고리 다중 필터를 URL 쿼리스트링과 동기화하는 검색 상태 관리 구현
• Debounced 검색 입력과 무한 스크롤 페이지네이션으로 대량 결과 탐색 UX 설계

차종·부품명·품번 3가지 축을 조합 가능한 동적 쿼리 빌더를 구현하여 검색 정확도와 응답 속도를 함께 고려한 구조를 설계합니다.

동일 부품을 판매하는 여러 판매자의 가격·재고·상품상태(신품/중고)·배송조건을 한 화면에서 비교할 수 있습니다. 정렬·필터 가능한 비교 테이블 UI와 판매자 신뢰도 지표를 함께 노출해 구매 의사결정을 돕습니다.

• 가격·재고·거리·평점 기준 다중 정렬 로직을 클라이언트 상태로 구현
• 판매자별 재고 상태(판매중/예약중/품절)를 실시간 배지로 시각화
• 비교 테이블과 카드 뷰를 전환할 수 있는 재사용 컴포넌트 구조 설계

동일 품번 상품을 판매자 기준으로 그룹핑하고 정렬 가능한 비교 뷰를 구현하여 소비자가 최적 조건의 판매자를 빠르게 선택할 수 있도록 설계합니다.

상품 사진, 적용 차종, 보증·반품 정책, 판매자 정보와 후기를 포함한 상세 페이지를 제공합니다. 이미지 갤러리와 탭 구조의 상세 정보, 판매자 프로필 연결을 통해 구매 신뢰도를 높입니다.

• 이미지 갤러리 컴포넌트에 썸네일 스와이프·확대보기 인터랙션 구현
• 적용 차종·보증정책·반품정책을 탭 UI로 구조화하여 정보 과밀 방지
• 판매자 프로필·후기 평점을 상세 페이지에 연동 표시하는 컴포넌트 설계

상품 상세 데이터를 탭 구조로 계층화하고 판매자 신뢰 정보를 동일 화면에 통합하여 이탈 없이 구매 결정을 내릴 수 있는 흐름을 설계합니다.

즉시 주문 후 PG 결제, 배송상태 조회, 거래 완료 후 후기 작성과 포인트 적립·사용까지 이어지는 구매 완결 흐름을 제공합니다. 결제 상태 머신과 포인트 적립·차감 트랜잭션을 원자적으로 처리하는 구조를 구현합니다.

• 포트원(아임포트) SDK 연동으로 카드·간편결제 처리 및 결제 상태 웹훅 수신 구현
• 주문-결제-배송-후기 상태를 단일 상태 머신으로 관리하는 주문 워크플로우 설계
• 구매 포인트 적립과 후기·질문 채택 활동 포인트를 트랜잭션 단위로 원자 처리

결제 완료부터 포인트 적립까지 이어지는 흐름을 하나의 트랜잭션 경계로 묶어 부분 실패 없이 일관된 주문 상태를 보장하는 구조를 설계합니다.