영수증 사진으로 한글 지출서류 자동 작성 (바이브코딩 #2)

안녕하세요. 인공지능으로 인생 점프하고 싶은 AI 점퍼입니다.

저는 청소년 교육과 사업을 운영하는 일을 하고 있습니다. 사업을 진행하면서 영수증이 생기면 지출처리를 해야 하는데요. 영수증별로 처리해야 하고, 함께 붙여야 하는 서류도 많았습니다.

그래서 행사나 사업 하나가 끝나면 지출처리가 굉장히 귀찮고 힘들었습니다.

그런데 지출서류에 들어가는 내용은 영수증에 있는 정보로 만들어지는 게 많더라고요. 날짜와 금액, 지출처, 구입한 품목 같은 것들이요. 이걸 프로그램으로 만들면 어떨까 싶었습니다. 영수증에 있는 정보를 읽어서 필요한 서류에 넣어주면, 하나씩 옮겨 적고 준비하는 일을 줄일 수 있겠다는 생각이었습니다.

그래서 영수증으로 한글 지출서류를 만드는 도구를 만들었습니다. 사진이나 PDF를 넣고, 읽어낸 내용을 확인·수정한 뒤 제가 쓰는 서류 양식으로 내려받는 방식입니다. 사진에서 글자를 읽는 기능을 OCR이라고 하는데요. 이 기능을 서류 작성 과정에 연결했습니다.

아래 화면에는 직접 만든 가상 영수증을 사용했습니다. 촬영할 때는 OCR 응답도 미리 정한 예시 값으로 넣었습니다. 화면의 처리 흐름을 보여주는 시연이며, 이 사진으로 AI 인식 정확도를 새로 시험한 것은 아닙니다.

1. 사업명과 지출 항목 정하기

처음에는 사업명과 지출 항목을 입력합니다. 화면에서는 ‘블로그 시연’이라는 사업명에 물품구입비를 선택했습니다. 한 건씩 처리할지, 여러 영수증을 묶어 처리할지도 여기서 정합니다.

지출 항목을 먼저 받는 건 뒤에서 만들 서류가 달라지기 때문입니다. 같은 영수증이라도 회의비인지 물품구입비인지에 따라 채울 내용과 추가할 양식이 달라집니다.

가상 사업명과 지출 항목을 입력한 실제 앱 화면입니다.

2. 영수증 사진이나 PDF 넣기

JPG·PNG 사진이나 PDF를 넣고 영수증 영역을 확인합니다. PDF는 페이지를 골라 처리할 수 있고, 한 장에 여러 영수증이 있으면 나눈 결과를 확인하는 흐름도 넣었습니다. 기울어진 이미지는 보정하고, 필요한 이미지만 복사하거나 PNG로 저장할 수 있습니다.

이번 시연에서는 노트와 색연필을 산 것으로 만든 영수증 한 장을 넣었습니다. 여러 장 자동 분할이나 기울기 보정의 정확도를 보여주는 화면은 아닙니다.

실제 결제 내역이 없는 시연용 이미지입니다.

3. 읽어낸 금액과 품목 확인하기

영수증을 확인한 다음에는 날짜·지출처·금액과 품목을 수정할 수 있습니다. 구매 관련 항목은 품명·규격·단위·수량·단가·금액도 따로 확인합니다.

화면의 예시는 노트 5,000원 세 개와 색연필 10,000원 한 개, 합계 25,000원입니다. 수량과 단가, 합계가 원본과 맞는지 확인하고 비어 있는 값은 직접 채웁니다.

사업자등록번호나 주소처럼 영수증에 없는 정보는 공란으로 둡니다. AI가 그럴듯하게 채운 값을 그대로 쓰는 일은 피하려고 했습니다.

이 화면의 OCR 값은 시연용 고정 응답입니다. 공란도 그대로 표시했습니다.

4. 한글 파일을 내려받아 열어보기

확인을 마치면 HWPX 문서와 추가서류를 ZIP으로 내려받습니다. HWPX는 한글에서 열어 수정할 수 있는 문서 형식입니다. 이번 가상 자료로도 앱에서 실제 ZIP 다운로드까지 확인했습니다.

앞선 제작 과정에서는 파일은 만들어졌는데 영수증 그림과 글자가 겹치는 문제가 있었습니다. 품목이 길어지면 표 높이와 페이지 배치도 달라져서 수정했습니다.

그래서 내려받은 파일은 한글에서 열어 영수증 이미지, 금액, 품목과 페이지 배치를 확인해야 합니다. 이번 화면 시연에서 내려받은 파일의 한글 렌더는 별도로 확인하지 않았습니다.

담당자·확인자·서명, 회의 내용이나 비교견적처럼 사람이 확인해야 하는 부분도 남아 있습니다. 제가 쓰는 양식에 맞춘 도구라 다른 기관의 서류에 그대로 적용할 수 있는 것도 아니고요.

작업 이력을 다시 불러오는 기능은 없습니다. 창을 닫거나 새로고침하기 전에 ZIP을 저장해야 합니다.

사진·PDF 입력부터 내용 확인, 한글 서류 다운로드까지 연결한 도구입니다. 내려받은 파일을 열어 금액과 품목을 확인하고, 담당자가 작성할 내용과 필요한 첨부 서류를 보완해 쓰는 방식으로 만들었습니다.

따라 하기

• 이런 분께: 영수증을 보며 지출서류를 손으로 채우는 분
• 준비물: 지출서류 한글 양식, 영수증 스캔본(PDF·사진)
• 제가 처음 AI에게 보낸 말 (경로·맞춤법만 다듬음)

“이게 뭐냐면 우리 센터에서 돈을 지출하면 저 양식에 맞춰서 지출서류를 넣어야 되는 거야. 스캔한 영수증의 내용을 읽어서 일자와 지출내역, 지출금액, 지출처를 작성하고, 스캔본은 좌측에 삽입하는 거지.”

처음부터 완벽하게 설명할 필요는 없습니다. 하던 일과 불편한 점을 그대로 말하고, 나온 결과를 보면서 고쳐가면 됩니다.

점프!