운영 중 · 2026.07 공개
납품 인보이스 시스템
매장에 납품하는 캐나다 업체가 납품마다 인보이스를 만드는 청구 앱입니다. 운영자는 스페인어·영어·한국어 중 편한 언어로 쓰고, 청구서는 영문 US Letter로 출력됩니다.
고객사 시스템 · 모바테크 개발·운영
요약
- 무엇
- 매장에 납품하는 캐나다 업체가 납품마다 인보이스를 만드는 청구 앱
- 한 일
- 납품 수량만 입력하면 인보이스를 자동으로 작성해 클라우드 데이터베이스에 저장, 세 언어 화면, 임시 저장과 발행, 보관용·고객용 인쇄, 납품 뒤 운영·유지보수
- 결과
- 캐나다 업체가 납품 때마다 엑셀로 직접 쓰던 인보이스를, 납품 수량만 입력하면 자동으로 작성·저장되는 시스템으로 바꿨습니다. 운영자는 스페인어·영어·한국어 중 편한 언어로 쓰고, 청구서는 영문 US Letter로 출력됩니다.
- 납품 수량 입력
- 자동 작성·저장
- 보관용·고객용 인쇄
프로젝트 정보
- 고객
- 고객사명 비공개고객사 이름은 밝히지 않습니다
- 역할
- 개발 · 다국어 화면 · 임시 저장·발행 · 인보이스·명세서 인쇄 · 자동 테스트 · 운영·유지보수
- 팀
- 디자이너 1명(업무위탁, 기획·화면 디자인) + 대표(개발 전부·운영)이 프로젝트를 작업한 팀
- 기간
- 2026.07
- 플랫폼
- 웹(PC) · 스페인어 · 영어 · 한국어
- 출시 후 상태
- 운영 중 · 모바테크 운영·유지보수
- 사용 기술
- React · Tailwind CSS · 클라우드 데이터베이스 · 자동 테스트
결과
왜 필요했나
고객사는 매장에 납품할 때마다 그 건의 인보이스를 엑셀로 직접 작성해 왔습니다.
거래 매장에 가는 문서는 영어여야 하고 미국 레터 용지(US Letter)에 맞아야 했으며, 납품마다 보관용과 고객용이 함께 필요했습니다.
만든 것
수량만 넣으면 작성·저장되는 인보이스
운영자가 납품 수량만 넣으면 인보이스의 나머지 칸이 자동으로 채워져 작성되고, 클라우드 데이터베이스에 저장됩니다. 작성한 인보이스는 임시 저장해 두었다가 내용을 확인한 뒤 발행합니다.
운영자가 고르는 화면 언어와 영어 문서
화면은 스페인어·영어·한국어 3개 언어 중에서 운영자가 편한 언어로 고릅니다. 인쇄 문서는 납품 건별 인보이스와 월간 명세서 2종이고, 둘 다 보관용과 고객용으로 영문 US Letter에 인쇄됩니다.1
어떻게 쓰이나
운영자(스페인어·영어·한국어)화면 언어는 운영자가 고름
납품 수량 입력운영자는 납품 수량만 입력
자동 작성·저장수량에서 인보이스가 자동으로 작성·저장되고, 발행 전까지 고칠 수 있음
인쇄 문서 US Letter납품 건별 인보이스·월간 명세서, 보관용·고객용, 영어
- 운영자(스페인어·영어·한국어) — 화면 언어는 운영자가 고름
- 납품 수량 입력 — 운영자는 납품 수량만 입력
- 자동 작성·저장 — 수량에서 인보이스가 자동으로 작성·저장되고, 발행 전까지 고칠 수 있음
- 발행
- 인쇄 문서 US Letter — 납품 건별 인보이스·월간 명세서, 보관용·고객용, 영어
- 거래 매장
결정과 이유
작성한 인보이스는 클라우드 데이터베이스에
- 이유
- 어느 기기에서 열어도 같은 기록을 보고, 기기를 바꿔도 지난 인보이스가 그대로 남습니다.
- 트레이드오프
- 쓰려면 인터넷 연결이 필요합니다.
운영자는 납품 수량만 입력
- 이유
- 인보이스의 나머지 칸은 자동으로 채워지므로, 납품할 때마다 같은 내용을 다시 쓰지 않습니다.
- 트레이드오프
- 자주 바뀌지 않는 기본 정보는 미리 등록해 두어야 합니다.
화면 언어와 문서 언어를 나눔
- 이유
- 운영자는 스페인어·영어·한국어 중 편한 언어로 화면을 쓰고, 거래 매장에 가는 문서는 언제나 영어로 나갑니다.
- 트레이드오프
- 문서 문안은 영어 한 벌뿐입니다.
임시 저장과 발행을 나눔
- 이유
- 발행 전에는 내용을 고칠 수 있고, 이미 발행한 인보이스는 실수로 다시 발행되지 않습니다.
- 트레이드오프
- 발행 전에 확인하는 단계가 하나 늘었습니다.
품질과 운영
| 보장하는 것 | 방법 | 수치·날짜 |
|---|---|---|
| 납품 시점 자동 테스트 | 납품 시점 코드의 자동 테스트 한 벌로 화면 동작과 계산·인쇄를 확인(납품 시점 집계) | 2342026-10-312 |
다음에 한다면
- 엑셀로 쓰던 인보이스 견본을 더 일찍 받아 인쇄 레이아웃을 먼저 맞추겠습니다.
- 실제 납품 한 건으로 입력부터 인쇄까지 운영자와 먼저 함께 돌려 보겠습니다.
출처와 방법
- 1화면 언어: 납품 시점(2026년 7월) 코드의 화면 언어 설정에서 확인했습니다(2026-10-31). 인쇄 문서 종류: 대표가 확인한 사실입니다(2026-10-30).
- 2자동 테스트: 납품 시점(2026년 7월) 커밋에서 테스트 러너의 목록 명령으로 센 수입니다(2026-10-31). 의존성 잠금 파일이 오래되어 의존성만 새로 설치했고, 테스트 파일과 러너 설정은 납품 그대로입니다. 건너뛴 테스트는 세지 않았습니다. 테스트 파일에 적힌 선언만 세면 여러 파일이 함께 쓰는 공통 테스트 묶음이 빠져 이보다 적게 나옵니다.
- 3납품·운영: 납품 월(2026년 7월)은 대표가 확인한 사실입니다(2026-10-31). 납품 뒤의 운영·유지보수도 대표가 확인했습니다(2026-10-30).
납품 인보이스 시스템
이 프로젝트를 작업한 팀
2026.07 공개 · 운영 중
김명섭
대표 · 프로그래머
- 납품 수량만 입력하면 인보이스를 자동으로 작성해 클라우드 데이터베이스에 저장
- 스페인어·영어·한국어 화면과 임시 저장·발행
- 납품 건별 인보이스와 월간 명세서를 보관용·고객용으로 인쇄(US Letter)
- 납품 뒤 운영·유지보수
디자이너(업무위탁)
- 기획
- 화면 디자인
다음 사례
Young Signs 웹사이트 리뉴얼
간판 제작·시공 · 캐나다 · 웹사이트 · 2026
영어로만 된 사이트를 견적 요청 중심의 세 언어 사이트로 바꾸고, 시공 사례 519건을 옮겨 지금도 운영합니다.
- EN·KO·JA 페이지
- 사례·지역
- 전화·견적