Kunnworks
D13업무 시스템

개인 지출 기록 및 월별 소비 분석 웹 앱

개인 지출 관리 이용자를 위한 쿤웍스의 개인 지출 기록 및 월별 소비 분석 웹 앱 제품 사례. 지출 입력과 월별·항목별 소비 패턴 확인의 단절을 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례
기술·작업 구성
React, TypeScript, Express, JWT, Recharts
핵심 기능 살펴보기
개인 지출 기록 및 월별 소비 분석 웹 앱
D13 / PROJECT COVER제품 사례
01 프로젝트 배경

문제와 접근 방식

인증된 사용자별 지출 입력·수정·삭제와 필터를 구성하고 월별·카테고리 차트를 연결하여 소비 내역을 확인하는 웹 앱 구현. 지출 입력·편집·삭제와 조건별 내역 탐색을 연결한 개인 지출 관리 기능 구성.

02 핵심 기능

화면으로 보는 핵심 기능

01 / 04

지출 입력 및 편집

이용자를 위한 지출 항목 등록·수정·삭제로 개인 소비 기록 관리 지원

02 / 04

조건별 내역 검색

이용자를 위한 날짜·카테고리 조건의 내역 탐색으로 필요한 소비 정보 확인 지원

03 / 04

월별 및 항목별 분석

이용자를 위한 월별 추이와 지출 분포 차트로 소비 패턴 확인 지원

월별 및 항목별 분석 — 이용자를 위한 월별 추이와 지출 분포 차트로 소비 패턴 확인 지원
월별 및 항목별 분석이미지 크게 보기 (새 탭)
04 / 04

인증 및 요청 처리

이용자를 위한 인증 기반 접근과 실패 요청 재시도 구조로 앱 통신 흐름 구성

03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 개인 지출 기록 및 월별 소비 분석 웹 앱
프로젝트 상세 보드이미지 크게 보기 (새 탭)