KB IT's Your Life의 Vue.js 교육 과정을 이수한 후 진행한 프로젝트입니다. 지출과 수입을 관리하는 가계부 기능을 구현하였습니다.
| JavaScript | Vue | bootstrap5 |
|---|---|---|
회원 정보를 입력하여 회원가입 및 로그인을 수행합니다. 사용자 정보를 입력한 후 홈 화면으로 이동합니다.
최근 거래 내역을 목록 형식으로 보여주고, 전체 거래 내역 분석 결과를 그래프로 나타냅니다.
- 최근 거래 내역 확인
- 꺾은선 그래프를 이용한 월별 수입 및 지출 요약
- 도넛 그래프를 이용한 카테고리별 수입 및 지출 요약
전체 거래 내역을 확인할 수 있습니다.
- 거래 내역 전체 보기
- 기간별, 카테고리별 필터링 기능
- 거래 내역 삭제 및 수정 기능
- 우측 하단의 + 버튼을 이용한 거래 내역 추가
새로운 거래를 등록할 수 있습니다.
- 거래 내역 전체 보기
- 기간별, 카테고리별 필터링 기능
- 거래 내역 삭제 및 수정 기능
- 우측 하단의 + 버튼을 이용한 거래 내역 추가
전체 등록된 챌린지를 확인할 수 있습니다.
- 절약 챌린지 기능
- 저축 챌린지 기능
- 진행률에 대해 막대바로 확인
새로운 목표를 등록할 수 있습니다.
- 상단의 '목표 추가하기' 버튼을 이용한 챌린지 내역 추가
사용자 프로필을 확인 및 수정할 수 있습니다.
- 프로필 정보 수정
- 비밀번호 변경
soyoung1832 |
SunJin Moon |
Taeyong98 |
KWJ |
sooojChoi |









