동작 확인용 데모입니다. 데이터는 전량 가상이며, 실 서비스는 서버와 데이터베이스, 모바일 앱 연동으로 구성됩니다.

판매자가 올리고 운영자가 심사해
앱에 노출되고 정산까지 이어집니다

셀러센터와 운영 어드민이 같은 데이터를 다른 화면에서 다룹니다. 한 건의 상태가 양쪽에서 어긋나지 않는지, 판매자가 자기 것만 보는지, 정산 금액의 근거를 댈 수 있는지를 눌러서 확인합니다.

셀러센터

판매자가 상품을 등록하고 주문을 처리하고 정산을 확인하는 화면

열기

운영 어드민

운영자가 입점과 상품을 심사하고 주문을 조회하고 정산을 확정하는 화면

열기

정합성 확인

한 주문의 상태가 어떻게 변해왔는지, 어긋나는 요청을 어떻게 막는지 확인

열기

상태 흐름

각 단계에서 누가 움직이는지 표시합니다.

상품등록

셀러

→

심사대기

—

→

심사승인

운영자

→

판매중 · App 노출

연동

→

주문접수

App

→

주문확인 · 출고

셀러

→

배송중

배송사

→

구매확정

자동

→

정산확정

운영자

셀러가 움직임 운영자가 움직임 App·연동·자동

실 구축 구성

이 데모는 브라우저 안에서 동작합니다. 실제로는 아래 구성으로 만듭니다.

구성	실 구축	이 데모
셀러센터 / 어드민	Next.js + TypeScript (SSR)	동일 (정적 빌드)
Backend API	NestJS 또는 Spring Boot · REST	브라우저 메모리 시뮬레이션
데이터베이스	PostgreSQL · 상태 전이 이력 테이블	메모리 상태
App 연동	이벤트 발행 + 재시도 큐	동기화 상태와 재시도 버튼
외부 연동	배송조회 · PG · 펌뱅킹 · 전자세금계산서	연동 지점만 표시
파일 저장	S3 호환 오브젝트 스토리지	업로드 파일 브라우저 파싱