- 프로젝트 소개
- 팀원소개
- 개발일정
- 구현 기능 소개
- 트러블슈팅
- 기술스택
- 느낀점
- 향후업데이트
- 여행을 계획하고 여행을 동행할 파트너를 찾는 데 도움을 주고 사용자는 자신의 여행 계획을 공유하여 다른 사용자와 함께 여행을 할 수 있게 해주며 인스타그램과 같은 피드 기능을 통해 여행 경험을 공유 할 수 있는 여행 동행 플랫폼
- 김수빈
- 회원가입, 마이페이지
- 회원가입 아이디, 이메일 중복확인
- 회원가입 비밀번호 일치 여부 확인
- 마이페이지 프로필 사진 등록 및 수정
- 마이페이지 내 정보 조회 및 수정
- 마이페이지 프로필 수정 페이지에서 상세 정보를 등록 및 수정할 수 있음
- 마이페이지 내가 작성한 글 조회
- 동행 게시물 클릭하면 해당 게시글로 이동
- 회원가입, 마이페이지
- 김예진
- 로그인, 아이디 · 비밀번호 찾기, 헤더 · 푸터 메인 html 작업
- 로그인 기능 구현
- 회원가입 시스템을 기반으로 로그인 기능 구현 (아이디, 비밀번호 등록)
- 아이디 찾기
- 회원가입 시 등록한 이름과 이메일을 사용하여 아이디를 찾을 수 있음
- 비밀번호 찾기
- 회원가입 시 등록한 아이디, 이름, 이메일을 활용하여 비밀번호를 변경하고, 새 비밀번호로 업데이트
- 헤더 및 푸터 메인 HTML 작업
- 원페이지 스크롤 기능을 사용하여 일관된 다자인 레이아웃 사용하여 통일성을 극대화
- 로그인 기능 구현
- 로그인, 아이디 · 비밀번호 찾기, 헤더 · 푸터 메인 html 작업
- 송나래
-
이미지 중심의 피드 게시판 개발 (FE & BE)
- 피드 목록 조회 시 비동기 기반 무한 스크롤 페이징
- 피드 상세보기, 글쓰기, 수정, 삭제 모달로 구현
-
로그인 권한 및 상태
- 글쓰기, 수정, 삭제 시 로그인 여부와 권한(관리자/작성자) 확인
- 필수 항목 누락 시 알림. 좋아요/북마크 상태를 실시간 업데이트
-
피드 검색(내용, 작성자), 정렬(최신글, 인기글)
-
댓글수, 좋아요, 북마크 기능
-
이미지 처리
- 업로드 및 미리보기 : input을 통해 업로드 시 미리보기 및 취소 반영 (최대 10장)
- 이미지 서버 저장 및 관리: 업로드된 이미지를 로컬 서버에 저장하고 관리
-
- 김오한 ♥ 팀장 ( 각자 작성하기
- 로그인, 아이디 · 비밀번호 찾기, 헤더 · 푸터 메인 html 작업
- 회원가입 로직을 가져와 로그인 구현 (이름,ID,PW 등록)
- 아이디 찾기 = 회원가입 시 등록한 이름과 이메일을 등록하면 아이디 찾는 기능
- 비밀번호 찾기 = 회원가입시 등록한 아이디, 이름, 이메일을 통해 비밀번호 변경 후 비밀번호 등록 기능
- 헤더 · 푸터 메인 디자인
- 원페이지 스크롤 기능을 사용하여 일관된 다자인 레이아웃 사용하여 통일성을 극대화
- 로그인, 아이디 · 비밀번호 찾기, 헤더 · 푸터 메인 html 작업
- 김한솔
- JSP/Bootstrap을 사용한 동행 게시판의 페이지 UI 작성
- 페이지 구조 설계: 동행 게시판의 전체적인 레이아웃과 UI 구성.
- 동행 게시판 페이지: 목록 조회, 상세보기, 글쓰기, 수정 페이지 등 구현.
- REST API 기반 게시판 CRUD
- Create (생성): 새로운 게시물을 생성하는 기능.
- Read (조회):
- 전체 게시물 목록을 조회하는 기능.
- 특정 게시물을 조회하는 기능.
- Update (수정): 특정 게시물을 수정하는 기능.
- Delete (삭제): 특정 게시물을 삭제하는 기능.
- Interceptor를 통한 게시글 쓰기, 수정, 삭제 요청 시 로그인 여부와 권한 체크
- 로그인 체크: 사용자가 글쓰기, 수정, 삭제를 시도할 때 로그인 여부를 확인.
- 권한 체크: 관리자 또는 해당 게시물 작성자인지 확인하여 권한 확인.
- 유효성 검사
- 입력 검증: 게시글 작성 및 수정 시 필수 항목이 비어있는 경우 사용자에게 알림.
- 게시글 페이징 처리 및 검색 기능 (제목/내용)
- 페이징 처리: 게시물 목록을 페이지 단위로 나누어 조회.
- 검색 기능: 키워드 검색 (제목, 내용).
- 조회수, 댓글수, 북마크 기능
- 조회수: 게시물이 조회될 때마다 조회수 증가.
- 댓글수: 각 게시물에 달린 댓글의 수를 표시.
- 북마크 기능: 사용자가 게시물을 북마크.
- 이미지 처리
- 업로드: 게시물 작성 시 이미지를 업로드할 수 있는 기능.
- 조회: 게시물에 첨부된 이미지를 조회.
- 수정: 게시물 수정 시 이미지를 변경할 수 있는 기능.
- 삭제: 게시물 수정 시 이미지를 삭제할 수 있는 기능.
- 이미지 서버 저장 및 관리**: 업로드된 이미지를 서버에 저장하고 관리.
- JSP/Bootstrap을 사용한 동행 게시판의 페이지 UI 작성
2024.06.10 ~ 2024.06.13 : 시나리오 작성 및 DB 설계
2024.06.14 ~ 2024.06.19 : 기본 CRUD 구현
2024.06.20 ~ 2024.06.23 : 컨셉 및 페이지 디자인 구성
2024.06.24 ~ 2024.07.01 : 상세 기능 구현
2024.07.02 ~ 2024.07.05 : 기능 병합 및 버그 수정
2024.07.06 ~ 2024.07.09 : 발표 준비
- 회원 정보 등록: 사용자는 이름, 이메일, 아이디, 비밀번호 등의 정보를 입력하여 회원으로 등록할 수 있다.
- 유효성 검사: 입력한 정보의 유효성을 검사하여 올바른 형식의 데이터만 등록되도록 한다.
- 중복 확인: 아이디와 이메일의 중복 여부를 확인하여 중복된 정보가 등록되지 않도록 한다.
- 사용자 인증: 등록된 아이디와 비밀번호를 사용하여 사용자를 인증
- 세션 관리: 로그인된 사용자에 대한 세션을 관리하여 로그인 상태를 유지
- 아이디 찾기: 사용자는 회원가입 시 등록한 이름과 이메일을 입력하여 아이디를 찾을 수 있다.
- 비밀번호 재설정: 사용자는 회원가입 시 등록한 아이디, 이름, 이메일을 입력하여 비밀번호를 재설정할 수 있으며 재설정된 비밀번호로 로그인할 수 있다
- 내 정보 조회 및 수정: 사용자는 프로필 사진, 이름, 닉네임, 소개글, MBTI 상세 정보를 등록하고 수정할 수 있습니다.
- 사용자 작성 게시물 조회: 사용자가 작성한 동행 게시글, 피드를 조회할 수 있습니다.
- 새 게시글 작성: 사용자는 여행 사진과 글을 작성하여 새로운 게시글을 올릴 수 있습니다.
- 댓글 및 좋아요 기능: 다른 사용자들은 게시물에 댓글을 달거나 좋아요를 누를 수 있습니다.
-
피드 게시글 작성: 작성된 게시물은 피드에 게시되어 다른 사용자들이 볼 수 있으며 상세조회를 통해 댓글을 볼 수 있습니다. 자신이 작성한 피드에는 좋아요, 북마크가 불가능하며 피드 수정, 삭제는 작성자 또는 관리자만 가능합니다.
-
이미지 업로드: 게시물에 이미지를 최대 10장까지 업로드할 수 있으며 미리보기를 통해 업로드를 취소할 수 있습니다.
-
댓글 및 좋아요 기능: 다른 사용자들은 게시물에 댓글을 달거나 댓글에 답글을 작성할 수 있습니다.
- 백엔드: Java Spring Boot
- 프론트엔드: HTML, CSS, JavaScript
- 데이터베이스: MySQL
- 기타 도구: Maven, Git #181717
- 동행 게시판 채팅 기능
- 사용자가 동행 게시판에서 실시간으로 채팅할 수 있는 기능을 추가
- 채팅 알림 기능
- 새로운 채팅 메시지가 도착하면 사용자에게 알림을 보내는 기능을 구현할 계획
- 유료 게시글 고정 기능
- 사용자가 일정 금액을 지불하면, 작성한 게시글이 게시판 상단에 고정, 자신의 게시글을 더 많은 사람들에게 노출