세 줄 요약
- 코딩을 몰라도, 카드 명세서를 붙여넣으면 항목별로 합계를 내주는 프로그램을 그날 만들 수 있습니다.
- 실제로 만들면 한 번에 되지 않습니다. 승인번호를 금액으로 읽어 합계가 1,250만원이 나왔고, 세 번 고쳐서 잡았습니다.
- 분류 규칙은 순서가 중요합니다. 이마트24가 이마트로 잡히지 않게 편의점을 위에 둡니다.
오늘은 뭔가 만듭니다
네 편 동안 왜와 준비만 했습니다. 오늘은 결과물이 나옵니다. 만들 건 이겁니다.
카드 내역을 통째로 붙여넣으면
식비 얼마, 카페 얼마, 교통 얼마로 묶어서 합계를 내주는 것.
엑셀 수식 몰라도 되고, 코드도 한 줄 안 쓰셔도 됩니다. 말로 설명하면 됩니다.
그리고 미리 말씀드릴 게 있습니다. 저도 처음에 틀렸습니다. 합계가 1,250만원으로 나왔는데 실제로는 11만원이었습니다. 그 과정도 다 적겠습니다. 그게 이 글의 절반입니다.
시작하기 전에 — 폴더 하나 만들기
지난 편에서 깐 클로드 코드는 폴더 단위로 일합니다. 그러니 작업할 폴더부터 만듭니다.
편한 곳에 폴더를 하나 만들고 이름을 영수증정리기라고 붙이세요. 그다음 터미널에서 그 폴더로 들어갑니다.
cd 경로
claudecd는 그 폴더로 가라는 뜻입니다. 경로 치기가 번거로우면 폴더를 터미널 창 안으로 끌어다 놓으시면 경로가 자동으로 입력됩니다.
처음 실행하면 이 폴더를 믿어도 되냐고 묻습니다. 본인이 만든 폴더니 1번을 고르고 엔터를 누르시면 됩니다.
첫 번째 프롬프트
이제 말로 설명합니다. 아래를 그대로 복사해서 붙여넣으시면 됩니다.
카드 내역을 정리해주는 프로그램을 만들어줘.
· 카드 명세서를 통째로 복사해서 붙여넣을 수 있는 칸이 있고
· 버튼을 누르면 식비, 카페, 교통, 생활용품 같은 항목으로 자동으로 묶어서
· 항목별 합계와 전체 합계를 보여줬으면 좋겠어
· 어느 항목에 얼마 썼는지 막대로도 보이면 좋겠어
나는 코딩을 전혀 모르는 사람이야.
더블클릭만 하면 열리는 파일 하나로 만들어줘.
그리고 내 카드 내역이 인터넷으로 나가지 않게 해줘.
마지막 두 줄이 중요합니다.
“파일 하나로”라고 하지 않으면 설치가 필요한 형태로 만들어주는 경우가 있습니다. 처음 하시는 분에게는 그 순간 벽이 하나 더 생깁니다.
“인터넷으로 나가지 않게”도 마찬가지입니다. 이 말이 없으면 편하다는 이유로 외부 서비스를 붙여버릴 수 있습니다. 카드 내역은 남한테 보여줄 게 아니니까요.
1분 뒤 — 화면이 나왔습니다
index.html 파일 하나가 만들어졌습니다. 더블클릭하면 브라우저에서 열립니다.
예시 넣어보기를 눌러 시험해봤습니다.
그런데 여기서 멈추면 안 됩니다.
진짜 데이터를 넣으면 깨집니다
예시가 잘 되는 건 당연합니다. 예시는 프로그램에 맞춰 만들어진 데이터니까요. 진짜 카드 명세서는 이렇게 생겼습니다.
2026.07.01 (주)이마트24 역삼점 4,500원 일시불
07/02 네이버페이(스마트스토어) 33,800 할부3개월
2026-07-03 KAKAO T 12,400
07-09 배달의민족 결제 18,000원 승인번호 12345678
합계 109,800원이걸 넣었더니 이렇게 나왔습니다.
합계 12,531,878원11만원짜리가 1,250만원이 됐습니다.
뭐가 틀렸는지 하나씩
당황하지 마시고 결과를 들여다보면 원인이 보입니다. 네 가지가 한꺼번에 틀렸더군요.
승인번호를 금액으로 읽었습니다. 줄에서 마지막 숫자가 금액이라는 규칙을 썼는데, 승인번호가 뒤에 붙으면 그게 마지막 숫자가 됩니다.
맨 아래 합계 줄까지 더했습니다. 명세서 요약 줄을 항목으로 오해한 겁니다. 이러면 금액이 두 배가 됩니다.
KAKAO T를 못 알아봤습니다. 저는 카카오T로 규칙을 넣었는데, 명세서에는 영문에 띄어쓰기까지 있었습니다.
(주)우아한형제들도 못 알아봤습니다. 배달의민족의 법인명입니다. 명세서에는 브랜드명이 아니라 법인명이 찍힙니다.
고치는 프롬프트
원인을 알았으면 그대로 말하면 됩니다. 코드를 고칠 필요는 없습니다.
실제 카드 명세서를 넣었더니 합계가 1,250만원으로 나왔어. 실제로는 11만원이야. 확인해보니 이런 문제가 있어.
1. 승인번호 12345678 같은 게 뒤에 붙으면 그 숫자를 금액으로 읽어버려
2. 맨 아래 합계 109,800원 줄까지 항목으로 더하고 있어
3. 명세서에는 KAKAO T처럼 영문에 띄어쓰기가 있어서 못 알아봐
4. (주)우아한형제들처럼 법인명으로 찍히는 것도 못 알아봐
이 네 가지를 고쳐줘. 그리고 합계 줄을 뺐다는 걸 화면에 알려줘. 모르고 지나가면 안 되니까.
어디가 어떻게 틀렸는지를 구체적으로 적는 게 전부입니다. “안 돼요”라고만 하면 AI도 추측만 합니다.
다시 돌려봤더니 합계 94,400원이 나왔습니다. 손으로 더해봤더니 맞습니다.
그런데 또 있었습니다
분류를 보다가 이상한 걸 발견했습니다. 스마트스토어가 식비로, 이마트24가 장보기로 묶여 있었습니다.
규칙에 마트를 넣었기 때문입니다. 스”마트”스토어에 마트가 들어 있습니다. 이름 일부만 같아도 걸려버린 겁니다. 이마트24는 이마트 규칙이 먼저 걸렸고요. 규칙에는 순서가 있고, 먼저 만나는 게 이깁니다.
규칙에 마트처럼 짧은 단어를 넣으니까 스마트스토어까지 걸려. 그리고 이마트24는 편의점인데 이마트 규칙에 먼저 잡혀.
편의점 규칙을 위로 올리고, 너무 짧아서 엉뚱한 데 걸리는 단어는 구체적으로 바꿔줘.
오늘 남는 건 프로그램이 아닙니다
예시가 되는 건 아무 의미 없습니다. 예시는 프로그램에 맞춰 만든 데이터입니다. 진짜 데이터를 넣어보기 전까지는 만든 게 아닙니다.
틀린 걸 발견하는 게 실력입니다. 합계가 1,250만원으로 나왔을 때 이상하다고 알아채는 것. 이건 코딩 실력이 아니라 내 돈을 아는 사람의 감각입니다. 이미 갖고 계신 것이고요.
고칠 때는 증상을 구체적으로 말합니다. “안 돼요”가 아니라 “11만원이 1,250만원으로 나옵니다”입니다. 오래 일하면서 배운 것 중에 가장 쓸모 있는 습관이 이겁니다.
한 번에 완성되지 않는 게 정상입니다. 저는 세 번 고쳤습니다. 실패가 아니라 원래 그렇게 만드는 것입니다.
안전에 대해 한 가지
카드 내역은 민감한 정보입니다. 이 프로그램은 파일 하나로 되어 있고 붙여넣은 내용이 인터넷으로 나가지 않습니다. 그래서 안심하고 쓰셔도 됩니다.
다만 AI에게 만들어달라고 할 때 진짜 카드 내역을 그대로 붙여넣지는 마세요. 가게 이름 몇 개 바꾼 가짜 예시로 충분합니다. 형식만 같으면 됩니다.
카드 내역 형식만 알려줄게. 금액과 가게 이름은 가짜야.
막힐 때
파일을 더블클릭했는데 코드가 그대로 보입니다
브라우저가 아니라 메모장으로 열린 겁니다. 파일에 오른쪽 클릭 → 연결 프로그램 → 크롬을 고르시면 됩니다.
한글이 다 깨져 보입니다
한글이 깨져. UTF-8로 저장해줘. 라고 하시면 됩니다.
내 카드는 형식이 완전히 달라요
그럴 겁니다. 카드사마다 다릅니다. 본인 명세서 몇 줄을 금액만 가짜로 바꿔서 보여주고 이 형식도 읽게 해달라고 하시면 됩니다.
항목을 내 맘대로 바꾸고 싶어요
"카페" 항목을 없애고 "식비"에 합쳐줘 처럼 말하시면 됩니다. 원하는 대로 바꿀 수 있는 게 직접 만드는 것의 이유입니다.
오늘 하신 일
말로 설명해서 프로그램 하나를 만들었고, 진짜 데이터로 시험했고, 틀린 걸 찾아 고쳤습니다. 이게 바이브코딩의 한 바퀴 전부입니다.
설명한다 → 만들어진다 → 진짜로 써본다 → 틀린 걸 말한다 → 고쳐진다다음 글
중학생도 만드는 웹페이지 — 30분 만에 인터넷에 공개하기
오늘 만든 건 내 컴퓨터 안에만 있습니다. 다음엔 남한테 링크로 보낼 수 있는 걸 만듭니다. 만든 걸 자랑할 수 있어야 계속하게 되더군요.
연재 순서
처음부터 순서대로 따라오시면 됩니다. 앞 편을 안 읽으셨어도 각 글은 따로 읽을 수 있게 썼습니다.
- 1편 · 안 된다고 답해왔던 사람들이 이제 스스로 만듭니다
- 2편 · 바이브코딩이란 무엇인가 — 과장도 폄하도 빼고
- 3편 · 터미널이 무서운 분들께 — 검은 화면과 5분 만에 친해지기
- 4편 · 클로드 코드 vs 코덱스 vs 제미나이 — 뭘 골라야 하나
- 5편 · 주부를 위한 첫 프로그램 — 영수증 정리기 만들기 (지금 보고 계신 글)
- 6편 · 중학생도 만드는 웹페이지 — 30분 만에 인터넷에 공개하기
- 7편 · AI가 시키는 대로 다 했는데 안 될 때 — 에러 읽는 법
막히는 데가 생기면 카카오 오픈채팅에 화면을 그대로 캡처해서 올려주세요.