ChatGPT GPT-5 활용 타오바오 마진 계산기 만들기
중국 직구 마진 계산, 왜 복잡하고 어려울까
해외 구매대행이나 병행수입을 통해 타오바오에서 상품을 소싱하고, 이를 국내 이커머스 플랫폼에 판매하는 셀러들이 늘어나고 있습니다. 하지만 이 과정에서 가장 빈번하게 발생하는 문제는 정확한 원가 계산의 어려움입니다. 중국 직구의 특성상 상품의 원래 가격 외에도 현지 내륙 배송비, 배송대행지 이용료, 관세 및 부가세, 그리고 국내 플랫폼 수수료까지 고려해야 할 변수가 너무나 많기 때문입니다. 일일이 계산기를 두드리거나 엑셀 시트에 입력하다 보면 시간도 오래 걸리고 실수로 역마진이 발생하는 경우도 생깁니다.
이러한 수고를 덜기 위해 복잡한 계산을 한 번에 수행해 주는 타오바오 마진 계산기 도구를 직접 제작해 보겠습니다. 개발 지식이 전혀 없더라도 생성형 AI 모델의 도움을 받으면 단 5분 만에 완성도 높은 단일 페이지 웹 애플리케이션을 완성할 수 있습니다. 별도의 설치 과정 없이 웹 브라우저만 있으면 즉시 실행 가능한 형태로 만들어 보겠습니다.
효율적인 제작을 위한 도구 선택
이번 작업에서는 ChatGPT 하나만을 사용하여 전체 과정을 진행합니다. 최신 웹 검색 기능과 우수한 코드 생성 성능을 갖추고 있어, 복잡한 계산식의 구현부터 화면 구성까지 한 번에 처리하기에 매우 적합한 인공지능 도구입니다. 유료 플랜이 아니더라도 간단한 구조의 웹페이지는 충분히 고품질로 도출할 수 있습니다.
단계별 타오바오 마진 계산기 제작 과정
AI가 수식을 혼동하거나 오차를 내는 현상을 방지하기 위해, 먼저 명확한 규칙을 제공하여 기준을 잡아주는 작업이 필요합니다. 프로젝트의 루트 디렉터리에 AGENTS.md라는 이름의 텍스트 파일을 생성하고 아래의 공식과 수수료 기준을 입력해 줍니다.
# 타오바오 마진 계산기 규칙
- 공식: 총비용 = (위안화 상품가 + 현지 배송비) * 환율 + 배대지 비용 + 관부가세
- 배대지 비용: 0.5kg 기본 6,000원, 이후 0.5kg당 1,500원 추가
- 관부가세: (위안화 상품가 + 현지 배송비)를 USD로 환산하여 150달러 초과 시 총액의 18% 부과
- 목표 판매가: (총비용 * 1.3) + 플랫폼 수수료 10%사전에 계산 규칙을 문서로 정리해 두면 AI가 엉뚱한 수식을 작성하여 겪게 되는 혼선을 미연에 방지할 수 있습니다. 이제 이 파일이 있는 경로에서 대화를 시작하여 본격적으로 코드를 요청해 보겠습니다.
정의한 규칙을 기반으로 웹페이지의 뼈대를 생성하는 프롬프트입니다. 아래 지시문을 복사하여 대화창에 전달합니다.
첫 요구사항 단계에서 한 번에 너무 복잡한 요소를 추가하면 코드가 왜곡되거나 누락되는 상황이 발생할 수 있습니다. 따라서 핵심 입력값과 결과 지표만 담백하게 표현하도록 시작하는 것이 좋습니다. 요청 후 잠시 기다리면 스타일 시트와 동작 로직이 내장된 HTML 코드가 제공됩니다. 이 코드를 복사하여 index.html 파일에 저장한 후 웹 브라우저로 실행하여 화면을 확인합니다.
기본 뼈대가 완성되었다면, 이동 중에도 스마트폰으로 간편하게 조회할 수 있도록 모바일 반응형 디자인을 강화하고 계산 결과를 텍스트로 바로 복사할 수 있는 편의 기능을 추가합니다.
새롭게 갱신된 코드로 파일을 수정한 뒤 웹 브라우저를 새로고침하면 변경 사항이 즉시 적용됩니다. 터치 한 번으로 요약된 수치 정보가 복사되므로, 모바일 메모장이나 메신저로 정보를 신속하게 공유하거나 기록할 때 유용하게 활용할 수 있습니다.
매번 포털 사이트에서 위안화 및 달러 환율을 조회하여 수동으로 입력하는 과정은 매우 번거롭습니다. ChatGPT 웹 브라우징 기능을 활용해 최신 정보를 자동으로 입력란에 연동하는 설정을 추가해 보겠습니다.
이 과정을 거치면 실시간으로 검색한 환율 데이터가 코드 내부에 동적으로 삽입됩니다. 이제 수동 입력의 피로도 없이 마진을 더욱 빠르고 정확하게 분석할 수 있습니다.
자주 발생하는 문제 및 조치 방안
수식 오류로 인한 관부가세 누락 현상
150달러 기준을 초과하여 상품을 구매했음에도 화면에 관부가세가 0원으로 집계되는 상황이 발생할 수 있습니다. 이는 위안화를 달러로 변환하는 연산식에서 환율 곱셈이나 나눗셈의 위치가 바뀌어 실제 달러 가치가 지나치게 낮게 환산되었을 때 일어납니다. HTML 파일의 자바스크립트 영역에서 위안화 상품가에 위안화 환율을 곱한 뒤 달러 환율로 나누어 달러 가치가 제대로 반영되도록 코드를 교정합니다.
스크립트 실행 시점 문제로 인한 버튼 미작동
복사 버튼을 클릭해도 아무런 이벤트가 일어나지 않고 개발자 도구 콘솔에 요소를 찾을 수 없다는 에러 메시지가 출력될 수 있습니다. 이는 문서 객체가 생성되기 전에 스크립트가 실행되어 버튼 요소를 참조하지 못하기 때문입니다. 자바스크립트 로직을 HTML 바디 영역의 최하단으로 옮기거나 문서 로드가 완료된 후에 동작하도록 이벤트를 제어하면 해결됩니다.
모바일 뷰포트에서 테이블 가로 잘림 현상
스마트폰의 세로 모드에서 결과 테이블의 일부 열이 잘려 보이지 않는 현상이 있을 수 있습니다. 가로 너비가 특정 픽셀 단위의 고정값으로 설정되었기 때문에 발생하는 현상입니다. 테이블 스타일 정의 부분에서 너비를 퍼센트 단위로 지정하고 레이아웃 정렬 속성을 가변형으로 수정하여 해결할 수 있습니다.
향후 확장 방안
제작한 도구는 단순한 마진 확인을 넘어 외부 마켓 API와 연동함으로써 상품 등록 및 가격 설정 자동화 파이프라인으로 확장할 수 있습니다. 마진 계산 직후 추천 판매가 정보를 연동하여 마켓에 자동으로 상품을 등록하는 워크플로우를 구축하면 소싱과 등록에 소요되는 리소스를 크게 절감할 수 있을 것입니다.
이런 글도 있어요
관련 검색어
- 🔍 ChatGPT 사용법
- 🔍 ChatGPT 비교
- 🔍 타오바오 마진 계산기 사용법
- 🔍 타오바오 마진 계산기 비교
- 🔍 구매대행 사용법
- 🔍 구매대행 비교
