🔎 #850. 미룬 일을 영수증으로 뽑아주는 앱 만들기(Claude Code)

'미룬이'라는 모바일 중심 웹앱을 만들어줘. 오늘 미룬 일을 입력하면, 그 일을 미루면서 발생한 비용을 감열지 영수증으로 출력하는 앱이야. 기획 설명에 머무르지 말고 실제로 조작할 수 있는 Artifact로 구현해줘.
앱의 한 줄 소개는 '오늘 미룬 일, 얼마 나왔나요?'야. 사람들이 자기 얘기라 웃으면서도 조금 찔리고, 영수증을 SNS에 공유하고 싶게 만들어줘.

1. 입력
오늘 미룬 일을 여러 개 추가할 수 있게 해줘. 예: 구독 해지, 반품 접수, 빨래, 운동, 답장, 포트폴리오 정리. 미룬 기간과 관련 금액은 선택 입력으로 두고, 금액을 몰라도 사용할 수 있어야 해. 처음에는 예시 항목이 있어서 바로 체험할 수 있게 해줘.
2. 비용 계산
영수증에는 두 종류의 금액을 분명히 구분해줘.
- 실제 비용: 사용자가 입력한 구독료·연체료 등 계산 근거가 있는 금액. 계산식을 확인할 수 있게 해줘. 반품 기한이 아직 남았다면 이미 잃은 돈처럼 합산하지 말고 '기한 경과 시 손실 위험'으로 따로 표시해줘.
- 미룬이 벌금: 빨래나 답장처럼 실제 금액을 알 수 없는 일에 붙이는 유머용 가상 금액. '재미로 매긴 가상 벌금이며 실제 손실액이 아닙니다'라고 명시해줘. 실제 비용과 섞어서 실제 손해 총액처럼 보이게 하지 마.
같은 입력에는 같은 금액이 나오게 하고, 소득이나 건강 손해를 근거 없이 추정하지 마.
3. 영수증
상단에는 '미룬이' 로고와 '오늘 미룬 일의 청구서', 날짜, 주문번호. 본문에는 미룬 항목, 짧은 한 줄 평가, 금액. 하단에는 실제 비용 합계와 가상 벌금 합계를 따로 표시해줘. 바코드와 절취선 등 진짜 영수증 같은 디테일을 넣어줘.

말투는 친한 친구가 팩트로 살짝 긁는 느낌이야. 예를 들면:
'구독은 쉬지 않고 일하는데, 해지는 쉬고 계시네요.'
'내일의 나도 이 일정에 동의했나요?'
'오늘도 미래의 나에게 무이자 할부하셨네요.'
행동을 놀리되 사람의 가치나 외모·정신건강을 비하하지 마. 뻔한 위로나 과한 욕설도 피하고, 짧고 센스 있게 써줘.

4. 출력 연출
'영수증 뽑기'를 누르면 작은 프린터에서 종이가 아래로 주르륵 나오는 애니메이션을 보여줘. 글자를 타자처럼 찍는 효과가 아니라, 인쇄된 종이가 배출되는 느낌으로. 버튼 클릭 후 프린터 소리가 함께 나게 하고 소리 끄기 버튼도 제공해줘. 소리는 외부 음원 없이 브라우저에서 생성해도 좋아.
5. 공유와 행동
영수증을 긴 PNG 이미지로 저장할 수 있게 해줘. 저장 이미지에는 입력창이나 조작 버튼 없이 영수증만 담기게 해줘.
'지금 하나 처리하고 재발급' 버튼도 넣어줘. 완료한 항목에는 취소선이나 처리 완료 도장을 찍고, 그 항목의 가상 벌금은 면제해줘. 이미 발생한 실제 비용이 사라진 것처럼 계산하면 안 돼.
6. 디자인과 구현
따뜻한 회백색 배경, 아이보리 감열지, 검정 글자, 작은 주홍색 포인트. 귀여운 캐릭터를 크게 넣기보다 타이포그래피와 종이 질감으로 개성을 만들어줘. 한국어가 잘 읽히고 휴대폰에서 한 손으로 쓰기 편하게 해줘.
로그인·결제·외부 AI API 없이 작동하는 첫 버전으로 만들어줘. 입력 내용은 외부로 전송하지 말고, 피드백은 항목별 문구 규칙으로 구현해줘. 긴 문장, 항목 여러 개, 빈 입력, 금액 오류, 이미지 저장까지 확인해줘.

완성본은 ChatGPT Sites로 옮겨 배포할 예정이야. Artifact 전용 기능이나 외부 API 없이 작동하는 정적 웹앱으로 만들고, index.html과 필요한 CSS·JavaScript·이미지를 한 폴더에 모아줘. 파일 경로는 상대경로로 사용해줘.