개인 재무 · HTML / CSS / JavaScript
카드 지출 웹 대시보드
이 화면은 수집된 이용내역의 지출 분석입니다. 카드사 실적 인정액이나 혜택 산정 결과가 아닙니다. 혜택 분석(2단계)은 구현되지 않았습니다. 결제일 청구액과 다를 수 있습니다.
순 지출
양수 이용액 + 음수 환급액
양수 이용액
음수 환급·취소액
롯데 취소열을 순액에 반영하며 원본 1행을 1거래로 유지합니다
거래 건수
월별 지출
월·색상 막대를 누르면 필터 적용. 위는 양수, 아래 옅은 막대는 음수의 절댓값입니다. 순액은 오른쪽에 표시합니다.
카드사별 순 지출
비중 = 카드사 순액 / 전체 순액. 음수나 100% 초과 비중이 가능하며, 전체 순액이 0이면 비중을 계산하지 않습니다. 막대 길이는 순액 절댓값 기준입니다.
비용분류별 지출
비중 = 분류별 순액 / 필터 전체 순액. 음수·100% 초과 비중이 가능하며 전체 순액이 0이면 계산하지 않습니다. 막대 길이는 순액 절댓값 기준입니다. 분류명을 누르면 필터 적용.
가맹점 상위 10개
순 지출 내림차순 · 현재 필터 기준
거래 내역
분류 변경은 현재 메모리에서만 적용됩니다. 보관하려면 전체 JSON을 백업하세요. CSV는 현재 필터 결과 전체를 내보냅니다.
| 거래일 | 카드사 / 카드 | 가맹점 / 업종 | 금액(원) | 통화 / 해외금액 | 유형 / 취소 | 비용분류 | 분류근거 / 원본 |
|---|