💁웹 서비스 소개(개인 프로젝트)

지출관리 웹 서비스는 사용자들에게 간편하고 효과적인 지출 관리를 제공하는 웹 서비스 입니다.
이 서비스를 통해 사용자들은 개인 지출 내역을 손쉽게 관리할 수 있으며, 지출 내역을 다른 사용자들과 공유할 수 있습니다.
또한 지출 내역의 추가, 수정, 삭제 기능을 통해 유연하게 내역을 관리할 수 있습니다. 이 서비스는 사용자들이 원하는 기간 동안 자신의 지출 내역을 검색하고, 해당 기간 동안의 지출 통계를 간편하게 작성할 수 있는 기능을 제공합니다.
이를 통해 사용자들은 매달 얼마를 사용했는지 계산하는 불편함을 해소하고, 효율적으로 지출 관리를 할 수 있습니다.
결론적으로, 지출관리 웹 서비스는 간편한 사용법과 풍부한 기능을 통해 사용자들에게 효과적인 지출 관리 도구를 제공하며, 지출 내역의 공유와 통계 작성을 통해 사용자 간의 경험을 더욱 향상시킬 것을 기대 합니다.

🛠️기술 스택

Front-end

HTML5	CSS3	JavaScript(ES6)

bootstrap	fontawsome

Back-end

Java(17.02)	Thymeleaf	Spring Framework(4.3.18)

MyBatis(3.4.1)	MySQL(10.4.27)	tomcat(9)

Version Control

Git	GitHub

💡 주요 기능

기능	내용
회원관리	회원가입 → 이름, 이메일, 아이디, 비밀번호, 비밀번호 재확인, 거래내역 공개 여부 선택을 통해 회원가입 진행 (※이메일, 아이디는 DB와 중복 불가)
	로그인 → 아이디와 비밀번호 입력을 통해 로그인
	로그아웃
	아이디 찾기 → 이름, 이메일을 통해 일치하는 아이디 찾기 진행
	비밀번호 찾기 1. 이름, 아이디, 이메일을 통해 비밀번호 찾기 진행 2. DB에 일치하는 정보가 있을 경우 난수를 통해 밀번호 생성 3. 회원가입시 입력한 이메일로 임시 비밀번호 전송
	회원정보 수정 1. 정보 수정을 위해 현재 로그인 되어 있는 회원 비밀번호 입력 2. 이름, 이메일, 아이디, 비밀번호, 거래 내역 공개 여부에 대해서 변경 가능
메인화면	→ 상단 네비게이션 바를 통해 메인화면 이동 아이콘, 회원정보, 거래내역, 통계 페이지로 이동하는 서비스를 제공하고 로그아웃 버튼이 있습니다. → 현재 해당 지출 관리 웹에서 회원가입시 거래 내역 공개를 선택한 회원들을 테이블로 전부 보여 줍니다. ※세부 내용 1. 회원 이름을 검색해 찾을 수 있습니다. 2. 최대 10명의 회원을 보여주고 회원 수가 10명이 넘어가면 페이징을 통해 다음 페이지에 이어서 보여 줍니다.) → 하단에는 지출관리 웹을 사용하는 전체 회원 수를 정보 공개 회원, 비공개 회원 수로 나누어 보여준다.
특정회원 거래 내역	→ 조건별 검색(조건 : 특정월, 기간, 당월, 분류명) → 검색월 기준 거래 내역 요약 정보 → 일별 거래내역(세부정보 : 최초 3일치 정보만 표시, 7일치 더보기 버튼으로 거래내역 더보기 가능, 맨위로 버튼으로 상단이동 가능)
회원 거래 내역	→ 조건별 검색(조건 : 특정월, 기간, 당월, 분류명) → 검색월 기준 거래 내역 요약 정보 → 일별 거래내역 (※세부정보 : 최초 3일치 정보만 표시, 7일치 더보기 버튼으로 거래내역 더보기 가능, 맨위로 버튼으로 상단이동 가능) → 분류명 관리(추가, 수정, 삭제) → 예산액 수정 → 특정 거래내역 추가 → 특정 거래내역 수정/삭제
통계	→ 지출 통계(특정 월 검색/기간 검색) → 수입 통계(특정 월 검색/기간 검색)

📂 프로젝트 구성도

아키텍처(Architecture)

개체-관계 모델(ERD)

🎥 데모 영상

회원가입

아이디 찾기 / 비밀번호 찾기

로그인

회원정보 수정

특정 회원 거래내역

현재 로그인한 회원의 거래내역

통계

📅 개발 기간

23.02.03. ~ 23.09.11.

♾️상세 내역(개발 하면서 정리한 개인 Blog)

블로그 이동 (※ 화면 설계서, 테이블 설계서, 기능 명세서, 개발 세부 내용, 완성 리뷰)