← 갤러리로 돌아가기

💰 간단 가계부

수입/지출을 입력하면 잔액이 실시간으로 계산됩니다
💡 직접 추가해보세요. 아래는 샘플 기록입니다. 항목·금액을 입력하고 수입/지출을 고른 뒤 추가 버튼을 누르면 됩니다.
현재 잔액
-
수입 - 지출 -

항목 추가

내역

🧾 이 가계부, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"간단 가계부"를 단일 HTML 파일로 만들어줘.

- 상단에 현재 잔액을 크게 표시, 그 아래 총 수입/총 지출을 작게 표시
- 항목명, 금액, 수입/지출 구분을 입력해서 추가할 수 있는 폼
- 추가한 내역은 목록으로 쌓이고, 수입은 초록색, 지출은 빨간색으로 구분
- 각 항목에 삭제 버튼, 삭제하면 잔액이 다시 계산되게 해줘
- 데이터는 새로고침하면 초기화돼도 괜찮음(로컬 저장 없이 메모리에서만 관리)
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 도구입니다 — 강의 데모용