자동차 살까 말까 고민하다 만든 진짜 비용 계산기

차를 알아보다가 답답했습니다. 차값은 딱 떨어지는데, 막상 사고 나면 연료비에 보험에 자동차세에 정비비까지 줄줄이 빠져나가니까요. "이 차 진짜 한 달에 얼마 드는 거지?"라는 단순한 질문에 답해주는 곳이 없더라고요.

그래서 직접 만들기로 했습니다. 차량가 같은 눈에 보이는 돈뿐 아니라, 사는 동안 새어나가는 숨은 비용까지 전부 더해서 결국 내가 매달 얼마를 부담하는지 한 줄로 보여주는 계산기를요.

주요 기능

처음엔 그냥 차값에 기름값만 더하면 되겠지 싶었는데, 파다 보니 끝이 없더라고요. 결국 보유 기간 전체에 걸쳐 들어가는 돈을 항목별로 다 끌어모았습니다.

• 유종(가솔린·디젤·LPG·하이브리드·전기)과 차종을 고르면 기본 연비·유가·세금이 자동으로 채워져서, 잘 몰라도 일단 숫자가 나옵니다
• 연료비·보험료·자동차세·정비비를 보유 기간만큼 누적해서 운영비를 한 번에 계산합니다
• 일시불·할부(원리금 균등 상환)·리스까지 금융 시나리오를 반영하고, 매각 시 잔존가치를 빼서 진짜 부담한 돈만 추립니다
• 비용 분해 도넛 차트 + 연도별 누적 지출 그래프로 어디서 돈이 새는지 눈으로 보여줍니다
• 가솔린 vs 전기차처럼 고민되는 두 시나리오를 좌우로 나란히 비교할 수 있습니다

기술 이야기

막혔던 건 의외로 "세금 계산"이었습니다. 자동차세가 배기량 cc 구간별 세율에 지방교육세 1.3배까지 붙는 구조라, 이걸 산식으로 정리하는 데 시간이 꽤 걸렸어요. 할부 이자도 원리금 균등 상환 공식을 그대로 옮기느라 몇 번을 다시 짰습니다.

스택은 React 19 + TypeScript + Vite 8로 잡았고, Tailwind CSS v4를 vite 플러그인 방식으로 붙였습니다. 차트는 Recharts로 도넛·면적 그래프를 그렸고요. 서버 없이 100% 클라이언트 사이드로 돌아가서 외부 API에 의존하지 않습니다. 입력값이 URL 쿼리스트링에 자동 저장돼서, 링크만 공유하면 내 계산 결과가 그대로 열리는 것도 마음에 드는 부분입니다.

완성하고 나서

"차 살까 말까"를 숫자로 답해주고 싶어서 시작했는데, 다 만들고 나니 제가 제일 먼저 써보게 되더라고요. 모바일에서 슬라이더로 값 바꿔가며 비교하는 재미가 쏠쏠합니다. 차 고민 중이신 분들이 한 번씩 써보고 "아 이래서 이 차구나" 싶으면 좋겠습니다.