PHONEBOOK · 회원과 연락처 관리
📱

PHONEBOOK · 회원과 연락처 관리

기간
2023년 4월 3일 ~ 2023년 4월 11일
역할
회원·연락처 관리 웹 개발 · 팀 프로젝트
기술 스텍
JAVA
Spring_Boot
JSP
CSS
JavaScript
OracleDB
팀원
4명
2023.04.03 ~ 2023.04.11 · 4명 팀 프로젝트

로그인한 회원이 자신의 연락처를 관리하는 웹서비스입니다.

Spring Boot와 JSP로 회원가입·로그인, 연락처 등록·조회·수정·삭제·검색 기능을 구현했습니다. OracleDB에서 회원 ID로 연락처를 연결해 회원별 목록을 조회하도록 했습니다.

구현한 기능

  • 회원가입과 연락처 입력 시 Ajax와 입력 이벤트로 형식과 아이디 중복을 확인했습니다.
  • 로그인 성공 시 세션에 회원 정보를 저장하고, Filter로 로그인 여부에 따라 접근할 페이지를 구분했습니다.
  • 연락처 수정과 삭제를 Modal에서 처리해 목록 화면을 유지하도록 했습니다.
  • 연락처 검색 결과를 목록에 표시했습니다.

프로젝트 이후 추가한 기능

기존 회원 관리 기능을 확장해 프로필 이미지·이름·비밀번호 수정과 회원 탈퇴를 추가했습니다. Modal에서 입력값을 확인하고 한 화면에서 변경을 마칠 수 있도록 구성했습니다.

사용 기술과 구조

Java · Spring Boot · JSP · OracleDB · JavaScript · HTML · CSS
Controller, Service, DAO, DTO, Filter로 기능을 나눴습니다.

화면과 구현 기록 보기

프로젝트 패키지 구조

notion image

데이터베이스 관계

notion image

로그인 전 메인

notion image

회원가입 입력 오류

notion image

회원가입 입력 확인

notion image

로그인

notion image

로그인 후 메인

notion image

연락처 등록

notion image

연락처 입력 오류

notion image

연락처 목록

notion image

연락처 수정

notion image

연락처 수정 결과

notion image

연락처 검색

notion image

검색 결과

notion image

회원 정보 수정

notion image

프로필 이미지 변경

notion image

이름 입력 오류

notion image

이름 변경

notion image

회원 탈퇴

notion image
PagenowMade with Pagenow