← 포트폴리오 목록

한국 쇼핑·배송대행 통합 스토어

해외 고객이 한국 매장 상품을 찾아 여러 매장 상품을 한 장바구니에 담고, 묶음배송 요청과 배송비 계산, 배송대행·구매대행 신청, 배송 상태 조회까지 하나의 로그인으로 이어 쓰는 통합 홈페이지를 설계합니다.

프로젝트 납품 요약

아래 프로젝트 개요와 핵심 기능에서 구현 화면을 확인할 수 있습니다.

서비스 타입Web
업종물류 시스템
기술 스택
HTMLCSSJavaScriptReactASP.NETMSSQL
주요 기능
  • 홈 — 지금 담기는 한국 매장 상품
  • 매장·상품 탐색과 다매장 장바구니
  • 묶음배송 요청과 배송비 계산기
  • 배송대행·구매대행 신청과 배송 상태 조회

프로젝트 개요

범위: 개발, 디자인, 기획

해외 고객이 한국 매장 상품을 찾아 여러 매장 상품을 한 장바구니에 담고, 묶음배송 요청과 배송비 계산, 배송대행·구매대행 신청, 배송 상태 조회까지 하나의 로그인으로 이어 쓰는 통합 홈페이지를 설계합니다. 상품은 원화와 달러를 함께 보여 주고, 블로그와 마이페이지(주소록·예치금)를 같은 메뉴 체계로 묶습니다. 기존 ASP.NET·MSSQL 구성을 유지하는 전제로, 동작하는 프로토타입에서 화면 흐름과 상태 처리를 먼저 확인합니다.

작업 범위

  • 홈 — 지금 담기는 한국 매장 상품: 해외 고객이 첫 화면에서 인기 매장의 이번 주 상품과 원화·달러 가격, 묶음배송으로 합칠 수 있는 상품을 바로 봅니다. 주 행동은 상품 탐색 하나로 모읍니다. 통합 로그인 한 번으로 쇼핑과 배송대행을 함께 쓰고 마이페이지에서 주소록·예치금을 확인합니다
  • 매장·상품 탐색과 다매장 장바구니: 매장과 카테고리를 거쳐 상품을 찾고 필터·정렬·통합 검색으로 좁힌 뒤, 여러 매장 상품을 한 장바구니에 매장별로 묶어 담습니다
  • 묶음배송 요청과 배송비 계산기: 서로 다른 매장에서 산 상품을 한 상자로 묶어 보내도록 요청하고, 도착 국가와 무게로 예상 배송비를 계산합니다
  • 배송대행·구매대행 신청과 배송 상태 조회: 배송대행·구매대행 신청서를 작성해 제출하고, 신청 건별 입고·검수·출고·통관·배송 단계를 타임라인으로 조회합니다

주요 업무

  • 홈 — 지금 담기는 한국 매장 상품 화면: 메인 배너·기획전 영역과 매장별 추천 상품을 운영자 설정 데이터로 그리고, 가격은 환율 값에 따라 달러로 함께 표시합니다
  • 매장·상품 탐색과 다매장 장바구니 화면: 검색어·카테고리·정렬 조건을 목록과 함께 보존하고, 장바구니는 매장 단위로 소계를 나눠 주문서로 이어 줍니다
  • 묶음배송 요청과 배송비 계산기 화면: 묶음 대상 상품을 고르면 합산 무게와 부피 기준 배송비를 계산해 요청 전에 보여 주고, 제출 결과를 신청 목록에 연결합니다
  • 배송대행·구매대행 신청과 배송 상태 조회 화면: 신청서 입력을 제출 시점에 검증하고, 신청 건마다 단계 이벤트를 시간순으로 모아 상태 알약과 함께 보여 줍니다
한국 쇼핑·배송대행 통합 스토어
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

기존 ASP.NET·MSSQL 비즈니스 로직을 새로 만들지 않고 화면과의 연결만 바꾸므로

화면과 기존 로직 사이에 어댑터 계층을 두는 설계가 필요합니다

주문·신청 데이터가 기존 ERP로 그대로 넘어가야 하므로 연결 지점별 입력·출력 계약을 먼저 정리해야 합니다

여러 매장 상품을 합치는 묶음배송은 무게·부피 합산 규칙과 요율 구간 설계가 필요합니다

영문 이용 고객 대상 화면이라 용어와 금액 표기를 한 곳에서 관리하는 방식이 필요합니다

구현 내용

핵심 기능 상세

핵심 기능 1

홈 — 지금 담기는 한국 매장 상품

해외 고객이 첫 화면에서 인기 매장의 이번 주 상품과 원화·달러 가격, 묶음배송으로 합칠 수 있는 상품을 바로 봅니다. 주 행동은 상품 탐색 하나로 모읍니다.

  • ASP.NET 메인 구성 API와 MSSQL 배너·기획전 조회 쿼리 설계
  • 원화 가격에 환율 테이블 값을 적용한 달러 병기 표기 규칙
  • 불러오는 중·상품 없음·조회 실패 상태를 공통 패턴으로 분리

원화·달러 표기 규칙을 한 함수로 모아 홈·상품·장바구니·결제 화면이 같은 금액 표현을 쓰도록 설계합니다.

홈 — 지금 담기는 한국 매장 상품
홈 — 지금 담기는 한국 매장 상품 실제 화면
핵심 기능 2

매장·상품 탐색과 다매장 장바구니

매장과 카테고리를 거쳐 상품을 찾고 필터·정렬·통합 검색으로 좁힌 뒤, 여러 매장 상품을 한 장바구니에 매장별로 묶어 담습니다.

  • 매장·카테고리·상품 조회 조건을 파라미터화한 MSSQL 쿼리 설계
  • 장바구니 항목을 매장별로 묶어 소계를 계산하는 서비스 로직
  • 기존 결제 연동 지점에 주문서 값을 넘기는 어댑터 계층 설계

장바구니 계산 규칙을 서버에서 한 번만 정의해 화면 표시와 결제 요청 금액이 어긋나지 않도록 설계합니다.

매장·상품 탐색과 다매장 장바구니
매장·상품 탐색과 다매장 장바구니 실제 화면
핵심 기능 3

묶음배송 요청과 배송비 계산기

서로 다른 매장에서 산 상품을 한 상자로 묶어 보내도록 요청하고, 도착 국가와 무게로 예상 배송비를 계산합니다.

  • 국가·무게 구간별 배송 요율 테이블과 계산 함수 설계
  • 묶음 요청 상태 전이(접수·합포장·출고) 모델
  • 입력 검증 규칙을 화면과 서버가 같은 상수로 공유

요율 계산을 순수 함수로 분리해 계산기 화면과 신청서가 같은 결과를 내도록 설계합니다.

묶음배송 요청과 배송비 계산기
묶음배송 요청과 배송비 계산기 실제 화면
핵심 기능 4

배송대행·구매대행 신청과 배송 상태 조회

배송대행·구매대행 신청서를 작성해 제출하고, 신청 건별 입고·검수·출고·통관·배송 단계를 타임라인으로 조회합니다.

  • 배송대행·구매대행 신청 테이블과 단계 이벤트 이력 설계
  • 기존 ERP 연결 지점으로 신청 데이터를 넘기는 연동 어댑터
  • 제출 직후 신청 목록 반영과 안내 메시지 표시

신청 단계 코드를 한 곳에서 한국어·영문 라벨과 알약 색으로 매핑해 모든 화면이 같은 표현을 쓰도록 설계합니다.

배송대행·구매대행 신청과 배송 상태 조회
배송대행·구매대행 신청과 배송 상태 조회 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

메뉴 체계·화면 흐름 정의 · 2026.10

쇼핑·배송대행·구매대행·블로그를 하나로 묶는 메뉴 구조와 화면 흐름, 상태 화면 정의

STEP 2

쇼핑·장바구니 화면 구현 · 2026.10

매장·상품 탐색, 통합 검색, 다매장 장바구니와 원화·달러 병기 화면 구현

STEP 3

묶음배송·배송대행 신청 구현 · 2026.10

묶음배송 요청, 배송비 계산기, 배송대행·구매대행 신청서와 배송 상태 조회 구현

STEP 4

ASP.NET·MSSQL 연결과 인수인계 문서 · 2026.10

기존 구성에 맞춘 API 계약 정리와 개발자용 소스 구조·개발 문서·인수인계 자료 정리

개발 결과

통합 메뉴·로그인 구조 설계세 사이트로 나뉜 메뉴를 하나로 묶고 단일 세션으로 쇼핑과 배송대행을 함께 쓰는 구조 설계
원화·달러 병기 표기 규칙 구축환율 값 적용과 반올림 규칙을 한 곳에 모아 전 화면이 같은 금액 표현을 쓰는 구조 구축
배송비 요율 계산 모듈 구현국가·무게 구간 요율을 순수 함수로 분리해 계산기와 신청서가 같은 결과를 내는 모듈 구현
신청 단계 타임라인 모델 설계입고·검수·출고·통관·배송 이벤트를 시간순으로 정렬해 상태 알약으로 표시하는 데이터 모델 설계

기술적 주안점

  • 원화·달러 표기 규칙을 한 함수로 모아 홈·상품·장바구니·결제 화면이 같은 금액 표현을 쓰도록 설계합니다
  • 장바구니 계산 규칙을 서버에서 한 번만 정의해 화면 표시와 결제 요청 금액이 어긋나지 않도록 설계합니다
  • 요율 계산을 순수 함수로 분리해 계산기 화면과 신청서가 같은 결과를 내도록 설계합니다

유사한 프로젝트를 기획하고 계신가요?

필요한 기능과 일정을 알려주시면 개발 범위를 함께 정리하겠습니다.

프로젝트 문의