극초보 바이브코딩 #18 · HTML 파일 하나

대출 이자 계산기 만들기

같은 돈을 같은 이자율로 빌려도 갚는 방식에 따라 총 이자가 수천만 원 달라져요. 오늘도 핵심은 AI가 헷갈릴 수 있는 규칙을 내가 정의해서 알려 주고 검산하는 것이에요.

계산 연습용이에요. 아래 규칙(월 이자율 = 연 이자율 ÷ 12, 이자는 원 단위 버림, 마지막 회차에 남은 원금 정리)은 블로그 원문에서 정한 연습용 규칙이에요. 실제 대출은 수수료·일할 계산·금리 변동이 있어 다를 수 있으니 금융기관 안내를 확인하세요. 금융 조언이 아니에요.

바로 쓰기: 갚는 방식 비교

회차별로 보기

입력한 숫자는 밖으로 보내지 않아요. 실제 상환표는 대출 계약서와 금융기관 안내를 따르세요.

1AI에게 세 줄로 요청하기

은행 창구에서 어떤 방식이 유리한지 몰라 서류를 들고 헤매던 사람이, 집에서 그래프로 비교해 보는 그림
HTML 파일 하나로, 대출 이자 계산기 페이지를 만들어줘.
대출금, 연 이자율, 기간을 넣으면 갚는 방식별로 매달 내는 돈과 총 이자를 비교해서 보여줘.
인터넷 연결이나 설치 없이 파일 하나로 동작하게 해줘.

갚는 방식의 뜻, 기간 단위(년/개월), 원 단위 처리는 일부러 말하지 않았어요. 어떤 모양이든 정상이에요. 내 실제 대출 계약서나 계좌 정보는 AI 대화창에 넣지 마세요.

2연습장에서 실행하기

3억 · 4% · 360개월을 넣고 세 방식의 총 이자가 다른지 보세요. 자동 검사는 손으로 계산되는 쉬운 숫자와 지저분한 입력도 넣어 봐요. (입력칸 순서가 대출금 → 이자율 → 기간이라고 보고 검사해요.)

3미션: 방식은 내가 정의하고, 쉬운 숫자로 검산

  1. 기본: 숫자가 나온다

    3억 · 4 · 360을 넣으면 매달 내는 돈과 총 이자가 나와야 해요.

  2. 갚는 방식은 내가 정의해서 알려 주기 ⭐

    방식의 뜻을 말로 붙여넣으세요. 원리금균등 = 매달 내는 돈(원금+이자)이 같게 · 원금균등 = 매달 갚는 원금이 같게(내는 돈이 조금씩 줄어듦) · 만기일시 = 매달 이자만, 마지막 달에 원금 전부. 검산: 3억 · 4% · 360개월 → 총 이자 약 215,608,483 / 180,499,894 / 360,000,000원.

  3. 손으로 계산되는 숫자로 검산 ⭐

    1,000만 · 0% · 12개월(매달 얼마? 딱 떨어지나?), 1억 · 6% · 12개월 만기일시(매달 이자?), 1억 · 5% · 12개월 만기일시(딱 떨어지나?). 0%에서 NaN이 나오면 "이자율 0%일 때는 원금을 개월 수로 나누기만 해줘".

  4. 입력이 지저분할 때

    300,000,000원, 4%, 360개월, abc. 어떻게 할지 정해서 말해요: "쉼표와 '원'·'%'·'개월'은 무시하고, 숫자가 아니면 안내 문구만 보여줘."

  5. 년 단위로 넣고 싶을 때

    30년을 360개월로 바꾸기 귀찮다면 "기간을 년/개월 중에 고를 수 있게 해줘". 자동 검사는 '년'을 골라 30을 넣어 봐요.

  6. 자유

    회차별 상환표, 원금·이자 비중 그래프(#8), 중도상환 흉내, 결과 복사, 조건 저장(#13)

안 될 때 확인할 것

증상원인과 해결
원금균등인데 매달 내는 돈이 똑같다방식을 서로 바꿔 계산했어요. 방식의 뜻을 말로 붙여넣기
만기일시인데 마지막 달도 이자만"마지막 달에 원금 전부 갚게 해줘"
어떤 방식이든 총 이자가 똑같다방식 구분 없이 하나로 계산했어요. 뜻 표를 그대로 붙여넣기
이자율 0%에서 NaN0으로 나누는 식에 걸렸어요. "0%일 때는 원금 ÷ 개월 수"
이자가 너무 크거나 작다4 대신 0.04, 30년을 30개월로 넣지 않았는지(실험 ③)
1원 단위가 손계산과 다르다버림/반올림 차이(실험 ②)
미션을 요청했더니 원래 기능이 사라졌다"기존 기능은 그대로 두고, 전체 코드를 처음부터 끝까지 줘"

실험 ①: 처음엔 이자가 대부분, 끝엔 원금이 대부분

원리금균등은 매달 같은 금액, 원금균등은 갈수록 줄어드는 금액이라는 막대 그림

원리금균등은 매달 내는 돈이 같지만, 그 안에서 이자와 원금의 비중이 바뀌어요. 3억 · 4% · 30년을 이 브라우저가 계산한 값이에요.

처음에는 내는 돈의 대부분이 이자, 끝에는 대부분이 원금이라는 막대 그림

실험 ②: 월 이자율 만드는 법, 1원 처리

"연 4%의 한 달 몫"을 ÷12로 할지 복리로 환산할지도 정해야 하는 규칙이에요. 어느 쪽이 실제 대출과 같은지는 상품마다 달라서 원문에서도 확인하지 못했어요. 그래서 내가 정해서 말해요.

실험 ③: 단위를 잘못 넣어도 에러 없이 숫자가 나와요

그래서 결과가 상식적인 크기인지 한 번 보는 습관이 중요해요. 3억을 30년 빌렸는데 총 이자가 180만 원이면 뭔가 잘못 넣은 거예요.

한 걸음 더

여러 대출 조건을 엑셀에 적어 두고 한꺼번에 비교하거나, 회차별 변화를 그래프로 보고 싶다면 파이썬이 더 잘해요. "엑셀에 대출 조건이 여러 줄 있을 때 방식별 총 이자를 계산해 새 엑셀로 저장하는 파이썬 프로그램은 어떤 부품들로 구성돼? 코드 말고 구성만 말로 설명해줘."

블로그 원문: 극초보 바이브코딩 #18은 블로그에 곧 올라와요

이전 실습: #17 로또 실수령액 · 다음: #19 평수 변환기 · 전체 실습 목록

자주 묻는 질문

원리금균등과 원금균등 중 뭐가 이자가 적나요?

같은 조건이면 원금균등이 원금을 빨리 줄여서 총 이자가 적어요. 3억 · 4% · 30년이면 약 3,511만 원 차이였어요(연습용 규칙). 대신 처음 몇 년 내는 돈이 더 커요.

이 계산이 은행 상환표와 같나요?

같지 않을 수 있어요. 실제 대출은 일할 계산, 수수료, 금리 변동이 있어요. 금융기관의 상환 스케줄을 기준으로 하세요.