💰 간편 가계부

🔗 배포 URL : 💰 간편 가계부

💰 프로젝트 소개

간단한 가계부 페이지로, Form에 수입, 지출을 입력받아 표로 정리하여 나타냅니다.
차트 라이브러리를 사용하여 가계부 내역을 한눈에 볼 수 있도록 데이터를 시각화하였습니다.
월별 수입과 지출을 나타내는 차트로 월별 자산의 흐름을 쉽게 파악할 수 있으며, 지출을 카테고리별로 나누어 소비 분석 및 소비 성향을 파악할 수 있도록 도넛 차트를 활용하였습니다. 개인 사이드 프로젝트로 React 사용 경험 및 숙련도 향상을 위해 진행하였습니다.

🗓 작업기간

2022.12.06 ~ 2022.12.18

🛠 기술스택

🛠 주요 기능

• React Hooks를 사용한 상태 관리
• Chart-js 라이브러리를 사용하여 차트 표현
• 소비 분석 레포트를 통해 사용자의 소비 성향 파악 가능
• filter 메서드를 사용한 월별 필터 기능
• MUI 라이브러리를 활용한 테이블 표현
• SaSS를 활용한 컴포넌트 스타일링