프로젝트 상세 기술 스택

개발 언어
Java

안드로이드 개발 환경
Android Studio

서버 사이드
PHP

데이터베이스
MySQL (사용된 도구: phpMyAdmin)

이미지 처리
Google Cloud Vision

텍스트 음성 변환
Google Text-to-Speech

음성 텍스트 변환
Google Speech-to-Text

파일 전송
FileZilla (FTP 클라이언트 소프트웨어)

호스팅
닷홈 (웹 호스팅 서비스)

로그인 화면 상세 기능

로그인은 아이디와 비밀번호를 입력한 후, 로그인 버튼을 눌러 로그인 할 수 있도록 구현했습니다.
아이디와 비밀번호는 회원으로 등록된 아이디와 비밀번호로만 로그인이 가능합니다.

로그인 기능은 가족 공유 기능을 위해 추가하였습니다. 추후 음성 입력과 공유 기능으로 확대할 예정입니다.

회원가입 화면 상세 기능

회원가입은 아이디, 비밀번호, 이름, 나이를 모두 입력해야 회원가입이 가능하도록 구현했습니다.

아이디는 영어 3자리만 입력할 수 있습니다.
비밀번호는 숫자 4자리만 입력할 수 있습니다.
이름은 한글과 영어만 입력할 수 있습니다.
나이는 숫자만 입력할 수 있습니다.

아이디는 아이디를 입력 후, 확인 버튼을 눌러 중복 확인을 해야 합니다.
확인 버튼 클릭 시, 같은 아이디가 있다면 "사용할 수 없는 아이디입니다."라고 출력되고 아이디를 수정해야 합니다.
사용할 수 있는 아이디이면 “사용할 수 있는 아이디입니다.”가 출력되고 해당 아이디는 수정할 수 없습니다.

메뉴 화면 상세 기능

메인 화면은 각 메뉴로 이동할 수 있는 메뉴 버튼과 음성 입력으로 메뉴로 이동할 수 있는 음성 인식 버튼으로 구성되어 있습니다.
메뉴 버튼을 통해 메뉴로 이동하려면 해당 메뉴 버튼을 클릭하여 이동할 수 있습니다.
음성 입력을 통해 메뉴로 이동하려면 음성 인식 버튼을 클릭하여 메뉴를 말하면 이동할 수 있습니다.
메뉴가 아닌 다른 음성을 입력하면 “다시 입력해주세요”가 출력되고 다시 버튼을 눌러 말할 수 있습니다.

캘린더 화면 상세 기능

캘린더 화면에서 하단의 음성 입력 버튼을 클릭하여 음성으로 해당 날짜로 자동 포커싱됩니다.
지출과 수입 금액아 화면 출력 및 음성 출력이 됩니다.
또는 해당 날짜를 클릭하여 해당 날짜의 지출, 수입 금액을 확인할 수 있습니다.

수입 작성 화면 상세 기능

수입 작성 기능을 구현했습니다.
수기 작성 및 음성 작성으로 수입 작성이 가능합니다.

수입 음성 작성 화면 상세 기능

수입 음성 작성 기능을 구현했습니다.
수입을 음성 입력을 할 경우, 수입 음성 입력 화면에서 날짜, 카테고리, 금액 순으로 입력할 수 있습니다.

지출 작성 화면 상세 기능

지출 작성 기능을 구현했습니다.
사용자는 수기 작성 및 이미지 작성을 선택할 수 있습니다.
버튼과 음성 입력으로 원하는 방법을 선택할 수 있습니다.

지출 이미지 작성 화면 상세 기능

이미지로 지출 작성이 가능하도록 구현했습니다.
사용자는 카메라 촬영 및 갤러리에서 이미지 선택으로 지출 내용을 작성할 수 있습니다.

검색 화면 상세 기능

검색 기능을 구현했습니다.
검색 화면에서 음성 입력 버튼을 클릭하여 카테고리를 말하면, 해당 월의 해당 카테고리 사용 금액을 화면에 출력하고, 음성 출력이 됩니다.

분석 화면 상세 기능

분석 기능을 구현했습니다.
당월 기준 카테고리별 지출 내역이 파이 차트로 출력되며, 전체 비용 중 카테고리별 퍼센트를 음성으로 출력합니다.

프로젝트 상세 기술 스택

Back-End
Java, JPA, Spring Boot 2.7.8

Front-End
HTML5, CSS, JavaScript

Server
Apache Tomcat

DB
MySQL

로그인

Spring Security로 로그인 기능을 구현했습니다.

로그인(인증)하지 않은 회원이 인증을 요구하는 페이지에 접속할 경우, 로그인 페이지로 이동하여 보안을 강화했습니다.
로그인할 때, 데이터를 잘못 입력하여 발생한 오류 정보를 BindingResult 객체를 통해 사용자가 알 수 있도록 구현했습니다.

회원가입

Spring Security로 회원가입 기능을 구현했습니다.
비밀번호를 암호화하는 PasswordEncoder 인터페이스로 비밀번호를 암호화하여 저장하여 악의적인 공격자가 데이터베이스에 저장된 비밀번호를 복호화하여 알아낼 수 없도록 보안성을 높일 수 있도록 구현했습니다.

QnA 질문 등록

QnA 질문 등록 기능을 구현했습니다.
사용자는 문의사항이 있을 경우, QnA 질문 등록을 통해 가능합니다. 파일 첨부 기능도 구현하여, 사용자는 이미지 파일을 첨부할 수도 있습니다.

질문에 대한 답변 기능

질문에 대한 답변 기능을 구현했습니다.
JPA(Java Persistence API)에서 제공하는 관계 매핑 기능을 통해 질문에 대한 답변을 등록 및 수정, 삭제가 가능합니다.

QnA 검색

QnA 검색 기능을 구현했습니다.
제목, 내용, 글쓴이로 통합 검색이 가능합니다.

여행지 정보 등록 모달창

여행지 정보 등록 모달창 구현했습니다.
부트스트랩5로 여행지 정보 등록 모달창을 구현했습니다.

여행지 정보 등록

여행지 정보 등록 기능을 구현했습니다.
Google Mpas API로 지도를 불러와 검색창에 여행지를 검색하여 마커를 선택하면 동적으로 여행지 정보가 담긴 카드가 생성됩니다.

여행지 정보 등록

여행지 정보 등록 기능을 구현했습니다.
여행지 정보 내용 작성시, 자유로운 양식으로 작성이 가능하도록 Summernote API를 사용하여 표, 링크, 이미지 삽입 등이 가능합니다.

여행지 정보 공유 상세 페이지

여행지 정보 공유 상세 페이지에서 댓글, 좋아요, 조회수 기능을 구현했습니다. 좋아요는 중복으로 할 수 없으며 다시 좋아요 버튼을 눌렀을 경우, 좋아요가 취소됩니다.

개인 프로필 설정

개인 프로필 설정 페이지에서 사용자의 정보를 수정할 수 있으며, 파일 업로드 기능을 구현하여 프로필 사진을 설정할 수 있습니다.
사용자는 회원 탈퇴를 할 수 있으며, 작성한 모든 정보가 삭제되며 되돌릴 수 없습니다.
개인 활동 기록도 볼 수 있으며, 작성글, 작성 댓글, 작성 댓글의 글, 좋아요한 글, 질문글을 볼 수 있습니다.