ziko@dev:~/portfolio/projects GitHub
예르자노프 지네덴 · 물류·커머스 자동화 풀스택 개발자

네 개의 서비스,
기획부터 운영까지 만들었습니다.

1688 소싱부터 쿠팡 등록·발주·물류센터 출고·정산까지 이어지는 커머스 자동화 스택과, 강의를 파는 커머스 플랫폼. 아래는 실제 화면 20장과 각 화면이 하는 일입니다. 화면의 수치는 데모 데이터입니다.

01 · WEB SAAS
월팡이커머스 셀러 자동화 파이프라인
02 · WINDOWS EXE
토탈봇운영 통합 데스크톱
03 · MOBILE APP
워커앱물류센터 현장 앱 + WMS
04 · WEB SERVICE
가이드유온라인 강의 판매 플랫폼
01 / WOLPANG · 운영 중 · 2025.12 –

월팡 — 이커머스 셀러 자동화 SaaS

1688 소싱 → 상품 정제 → 쿠팡 등록 → 발주 → 물류센터 입출고 → 정산까지, 셀러가 오가던 6~7개 도구를 하나의 파이프라인으로.

역할기획 · 백엔드 · GPU 워커 · 인프라 · 운영스택
Node.jsExpressFlaskSQLiteRedisGemini APIRunPod GPUCloudflare R2nginx · PM2Chrome Ext.
링크프로젝트 페이지 →

웹 앱과 크롬 확장이 1688에서 상품을 수집하고, AI가 상품명·옵션을 정제하고, 견적서를 만들어 쿠팡에 올리고, 발주서가 들어오면 물류센터 입출고와 정산까지 이어집니다. 아래 다섯 화면이 그 순서입니다.

app.wolpang — 수집 상품
월팡 수집 상품 화면
SCREEN 1 · 수집수집 상품 — 파이프라인의 시작점1688에서 수집한 상품이 카드로 쌓입니다. 각 카드는 수집됨 → AI 완료 → 편집완료 → 등록의 상태 배지를 달고, 상단 카운터가 단계별 병목(예: 미업로드 11건 · 3일 경과)을 바로 보여줍니다.
  • 수집은 크롬 확장이 1688 페이지에서 무인으로 실행 — 회당 최대 1,000 SKU
  • AI 단계에서 Gemini가 중국어 상품명·옵션을 한국어 판매명으로 정제
  • 상태별 탭·정렬·검색으로 대량 상품을 한 화면에서 관리
app.wolpang — 업로드 완료
월팡 업로드 완료 · 견적서 매칭 화면
SCREEN 2 · 등록업로드 완료 — 쿠팡 발주(PO)와 견적서 매칭쿠팡 발주가 들어오면 PO의 상품명·SKU·바코드를 월팡 상품과 자동 매칭합니다. 매칭 신뢰도(92%, 88%)를 표시하고, 미매칭 건만 사람이 보면 되도록 설계했습니다.
  • 승인 상품 · 반려/회신 상품 · 수동 매칭을 탭으로 분리
  • 소재·성인용품 같은 쿠팡 필수 입력값을 이 단계에서 채워 반려를 줄임
  • 등록양식 다운로드로 쿠팡 업로드 파일을 바로 생성
app.wolpang — 입출고 리스트
월팡 입출고 리스트 화면
SCREEN 3 · 물류입출고 리스트 — 자사 물류센터 원장입고·출고·회송·미청구를 한 원장으로 봅니다. 기간·센터·종류·검색 필터와 엑셀 다운로드를 갖춘 WMS 조회 화면이며, 현장 워커앱의 스캔 기록이 이 원장에 실시간으로 쌓입니다.
  • 바코드·SKU·쉽먼트번호로 쿠팡 물류센터(고양1, 인천4, 동탄1…)와 대조
  • 수량은 +입고 / −출고로 부호를 달아 재고 흐름을 한눈에
app.wolpang — 배송 관리
월팡 배송 관리 화면
SCREEN 4 · 배송배송 관리 — 쉽먼트 단위 추적쿠팡 쉽먼트를 카드로 추적합니다. 입고예정일·상품 수·총 수량·송장번호·진행률·상태(대기 중/이동 중/배송 중/입고 완료)를 한 카드에 담고, 쉽먼트 업로드로 새 발주를 등록합니다.
  • 진행률 = 출고 스캔 수량 ÷ 총 수량 — 현장 앱과 동기화
  • 센터별 태그(고양1·인천4·동탄1·대구1·이천5·부산2)로 목적지를 즉시 확인
app.wolpang — 정산
월팡 정산 화면
SCREEN 5 · 정산정산 — 매출에서 순이익까지 검산쿠팡 입고상세내역 엑셀(여러 사업자 파일 동시)을 올리면 매출 → 매출원가(중국 물건값 + 국제운임·통관) → 매출총이익 → 3PL 물류비 → 순이익을 계산하고, "검산 통과 · 원가 확인 97%" 같은 신뢰도 배지를 붙입니다.
  • 3PL 물류비를 택배비·출고비·박스비·입고비·부착비로 분해
  • 상품별 상세 표에서 순이익 낮은 SKU부터 정렬
  • 1개당 순이익·원가율·판매수량·재고를 KPI 카드로 요약
02 / TOTALBOT · WINDOWS · 운영 중

토탈봇 — 이커머스 운영 통합 데스크톱

상품 수집 · 발주 처리 · 정산 · 입출고 조회 · 설정을 탭 하나로 묶은 Windows 프로그램. 단일 EXE로 배포하고 서버 연동으로 자동 업데이트합니다.

역할기획 · 개발 · 배포 · 운영스택
PythonPySide6Seleniumundetected-chromedriverpandasPyInstallerGoogle Drive API
링크프로젝트 페이지 →

월팡이 웹이라면 토탈봇은 운영자의 책상 위 도구입니다. 엑셀이 오가는 모든 반복 업무 — 수집, 발주서 처리, 정산 — 를 로컬에서 배치로 돌리고, 결과를 월팡·Google Drive로 넘깁니다.

토탈봇.exe — 상품 수집
토탈봇 상품 수집 탭
TAB 1 · 상품 수집상품 수집 — 실행 로그가 곧 진행 상황왼쪽은 수집한 상품 목록(대기/완료), 오른쪽은 타임스탬프가 찍히는 진행과정 로그입니다. "1688 상품 페이지 수집 시작 — 12개 URL → 이미지 48장 다운로드 → 옵션·가격 매핑 → AI 상품명 생성 → 견적서 저장 → 월팡 업로드" 순서가 그대로 보입니다.
  • Selenium(undetected-chromedriver)으로 1688 크롤링, 이미지는 병렬 다운로드·리사이즈
  • 작업 컨트롤에서 1688 오픈 · 수집 · 폴더 열기 · 견적서 관리까지 클릭 하나로
토탈봇.exe — 발주 처리
토탈봇 발주 처리 탭
TAB 2 · 발주 처리발주 처리 — 폴더째 일괄 처리쿠팡 발주서 폴더를 선택하면 일괄 처리(자동 다운로드)합니다. 금지센터 목록, 개별·쉽먼트 목표 마진, 기준 입고 예정일(D+3) 같은 발주 조건을 설정하고, 센터별 필터링으로 특정 센터의 발주만 걸러냅니다.
  • 제외 바코드 관리 · 초도 중첩 발송 · 쉽먼트 자동분할 옵션
  • 가격 반올림 규칙과 마진 검증을 처리 단계에서 자동 적용
토탈봇.exe — 정산
토탈봇 정산 탭
TAB 3 · 정산정산 — 세 소스를 한 번에 계산정산 기간을 잡고 쿠팡 입고내역서 엑셀과 루트로지스(물류사) 엑셀 폴더를 첨부하면 매출·매입·3PL 입출고 비용·재고비율·순이익을 계산하고, SKU별 매출·매입·입출고비용·순이익 표를 만듭니다.
  • 쿠팡 데이터는 Selenium이 자동 다운로드 — 판매자센터에 들어갈 필요 없음
  • 결과는 Google Drive에 자동 업로드되어 회계 쪽과 바로 공유
토탈봇.exe — 입출고 조회
토탈봇 입출고 조회 탭
TAB 4 · 입출고 조회입출고 조회 — 데스크톱에서 보는 물류 원장기간·센터·종류 필터와 품목·바코드·SKU·쉽먼트번호 검색으로 입고·출고·회송을 조회하고 엑셀로 내려받습니다. 월팡의 입출고 원장과 같은 데이터를 오프라인 업무 흐름에서 쓰기 위한 화면입니다.
  • 총 입고/출고/회송/거래 건수와 수량을 상단 배지로 요약
토탈봇.exe — 설정
토탈봇 설정 탭
TAB 5 · 설정설정 — 가격 규칙 · 브랜드 · 계정환율, 개당 포장 비용, 쉽먼트 비용, 쿠팡 최소 마진금 같은 가격 파라미터와 공급가→판매가 구간별 마진율(예: 1,000원 이상 30%)을 표로 관리합니다. 브랜드명·상단 이미지·텍스트, 사업자 정보와 쿠팡 계정도 여기서 설정합니다.
  • 토큰 인증 + 서버 버전 체크 → zip 자동 업데이트 (PyInstaller 단일 EXE)
  • AI 제품명 생성은 옵션으로 켜고 끔
03 / WORKER APP · REACT NATIVE · 운영 중

워커앱 — 물류센터 현장 앱 + WMS

바코드 스캔으로 입고 검수 · 피킹 · 출고 · 재고조사 · 회송을 처리하는 현장 앱. 스캔 한 번이 서버 → 대시보드 → 재고 원장 → Odoo ERP까지 왕복합니다.

역할풀스택 · 모바일 · DB 설계스택
React NativeExpoFlaskSocket.IOSQLAlchemyOdoo XML-RPCEAS Update (OTA)
링크프로젝트 페이지 →

현장 동료들에게 실제 작업 순서와 예외를 묻고, 직접 입고 검수·피킹·패킹을 해보며 화면을 설계했습니다. 큰 버튼, 한 화면에 한 가지 일, 스캔이 곧 입력 — 장갑을 낀 손으로도 쓰이도록.

워커앱 즉시 출고 관리 화면
SCREEN 1 · 출고즉시 출고 관리 — 날짜별 출고 목록매일의 즉시 출고 건이 엑셀 파일과 함께 카드로 쌓입니다. 대기중 → 확인됨 → 모든 확정 완료로 상태가 바뀌고, "확정 필요" 배지가 아직 손이 가야 할 건을 표시합니다.
  • 플로팅 + 버튼으로 현장에서 즉시 출고 건 추가
  • 대시보드 · 새로고침 고정 바 — 어느 화면에서든 두 번 안에 복귀
워커앱 재고 조사 화면
SCREEN 2 · 재고재고 조사 — 스캔, 수량, 확인. 끝.위치 바코드(A-02-11)를 스캔하고 실제 수량(48)을 입력하면 끝입니다. 화면에 있는 것은 스캔 버튼, 위치, 수량 입력, 확인 버튼 네 가지뿐 — 현장에서 가장 많이 반복되는 작업이라 가장 단순하게 만들었습니다.
워커앱 재고조사 로그 화면
SCREEN 3 · 재고재고조사 로그 — 차이만 골라 보기조사 결과를 전체 · 일치 · 문제건 · 확인완료로 필터링합니다. 문제건 카드는 입력 27 vs 실제 24, 차이 +3(입력이 많음)처럼 어느 쪽이 많은지까지 풀어 쓰고, 작업자 확인 버튼으로 책임자가 검토 처리합니다.
  • 위치 검색 + 상태 필터 + 집계(전체 10 · 일치 6 · 문제건 2)로 재고 실사를 하루 안에 마감
워커앱 출고 작업 화면
SCREEN 4 · 출고출고 작업 — 쉽먼트 목록과 담당자 배정출고 가능한 쉽먼트를 입고일·마감일과 함께 나열하고, 담당 작업자와 토트(김민수 · TOTE-012)를 배정합니다. 배정된 건은 노란색, 완료된 건은 흐리게 — 색만 보고도 누가 무엇을 하는지 압니다.
  • 상단 집계: 쉽먼트 8 · 발송가능 재고 1,434 · 출고 대기중 1,434
  • 배정·진행 상태는 Socket.IO로 다른 기기와 실시간 동기화
워커앱 회송 기록 화면
SCREEN 5 · 회송회송 기록 — 예외를 현장에서 바로 남기기회송 상품의 발주 번호를 스캔하고 회송 사유(과착 등)·금액·센터명·특이사항을 입력합니다. 발주번호가 시스템에 없으면 "발주번호 없어요!" 경고를 즉시 띄워 잘못된 기록을 막습니다.
  • 회송 기록은 정산 시 비용 항목으로 자동 반영
04 / GUIDEU · WEB · 운영 중

가이드유 — 온라인 강의 판매 플랫폼

강의 · 전자책 · 라이브를 파는 커머스를 프론트엔드부터 결제 · 영상 보안까지 개발해 상용 런칭.

역할프론트 · 백엔드 · 결제 · DRM · 그로스스택
ReactViteFlaskJWTPG 결제카카오 · 구글 OAuthVdoCipher DRM
링크프로젝트 페이지 →

카탈로그 → 구매 → 수강(진도) → 만료 정책까지 커머스 전체 흐름(React 페이지 45종)과, 재생마다 서버가 OTP를 발급하는 영상 DRM, 자체 A/B 테스트 프레임워크를 갖춘 서비스입니다.

guideu.kr — 강의
가이드유 강의 카탈로그
SCREEN 1 · 카탈로그강의 카탈로그카테고리 · 검색 · 상담 내역 · 로그인이 있는 서비스 헤더와 강의 카드(난이도, 카테고리, 강사, 강수, 할인율과 가격). 우측 하단 상담 위젯은 모든 페이지에 붙어 있습니다.
  • 강의/전자책/라이브/무료 자료를 같은 카드 컴포넌트로 렌더링
guideu.kr — 결제
가이드유 결제 옵션과 무이자 할부 프로모션
SCREEN 2 · 결제구매 옵션 · 결제 프로모션수강 기간, 환불 보장, 부가 구독(자동화 프로그램 1개월 무료 후 월 구독), 포함 혜택을 정리한 구매 사이드바와 PG 무이자 12개월 할부 프로모션 배너. 카드·카카오페이·네이버페이·토스페이를 한 흐름에서 처리합니다.
  • 결제 콜백 검증 · 실패 처리 · 환불 흐름을 서버에서 담당
  • URL 하나로 판매하는 결제 링크 기능
guideu.kr — 강의 상세
가이드유 강의 상세 페이지
SCREEN 3 · 상세강의 상세 — 커리큘럼과 수강 옵션히어로 배너(강사, 시청 기간, 강수·총 시간), 소개 문단, 접었다 펴는 커리큘럼, 오프라인 반 / 온라인 반을 고르는 수강 옵션 카드(정가·할인가)로 구성된 상세 페이지입니다.
  • 옵션 선택 → 결제 → 클래스룸 개설 → 만료 정책까지 상태 기계로 연결
guideu.kr — 라이브
가이드유 실시간 무료 라이브 페이지
SCREEN 4 · 라이브실시간 무료 라이브예정된 라이브를 일정·강사·설명·태그와 함께 안내하고 YouTube로 연결합니다. 무료 라이브는 유입 → 상담 → 유료 강의로 이어지는 퍼널의 첫 단계라, 광고 전환 추적(gclid 보존)과 A/B 테스트가 이 페이지부터 걸립니다.
guideu.kr — 로그인
가이드유 로그인 화면
SCREEN 5 · 계정로그인 — 카카오 3초 시작카카오(및 구글) OAuth로 가입·로그인을 한 버튼으로 줄였습니다. 세션은 JWT, 이후 프로필 완성 흐름으로 이어지며, OAuth 리다이렉트 중에도 광고 전환 파라미터를 잃지 않도록 처리했습니다.