내일배움캠프 AI - 85일차 TIL, 2022.12.29

스파르타 코딩클럽 내일배움캠프 AI 웹개발자양성과정 3회차

2022.12.29. 85일차 - TIL

 

 

축제어때

🌈 https://www.introvertcamp.shop/

back repo 👉 https://github.com/Naerumii/BestChoice
front repo 👉 https://github.com/Naerumii/BestChoice_front

⭐ 프로젝트 목표

전국 축제 추천 및 커뮤니티 서비스

⭐ 역할

• 추천서비스 : 이승연, 이효정
• 프론트엔드 : 정태희
• 백엔드
  • 회원기능 : 정유준
  • 마이페이지 : 이승연,정유준
  • 축제게시글 : 이승연, 이효정
  • 축제게시글 북마크 : 이승연
  • 축제 모집게시글 : 정태희, 이승연, 이효정, 송창주
  • 축제 모집게시글 댓글 : 정태희
  • 축제 모집게시글 신청기능 : 이승연, 정유준
  • 리뷰게시글 : 송창주, 이효정
  • 리뷰게시글 댓글 : 송창주, 이효정
• 배포 : 이효정

⭐ 기능

회원 및 로그인

• 사용자 회원가입(이메일, 비밀번호, 닉네임, 전화번호, 지역)
• 값 유효성에 대한 검증(정규식)
• 닉네임, 이메일에 대한 중복 가입 검사
• JwtToken 인증 방식 로그인
• 엔터키 이벤트 기능을 통한 로그인 간편화

축제 추천하기

• 회원가입 시 선택한 지역 기반으로 랜덤하게 8개의 축제 정보 추천
• 추천받은 축제게시글 상세페이지로 연결

축제 게시글

• 축제게시글 리스트 조회
  • 페이지네이션을 적용해서 한 페이지에 5개 게시글 조회 가능
  • 리스트에서 축제 포스터, 축제 이름, 축제 설명 조회할 수 있음
  • 엔터키 이벤트 기능을 통한 축제 검색 기능 간편화
• 축제명, 축제내용, 축제가격 검색 입력창
  • 입력창에 내용 입력 후 엔터키로 검색 가능
• 축제 지역 버튼으로 해당 지역만 필터링
  • 다중 선택 가능
  • 초기화 버튼 클릭 시 기존 리스트 조회 가능
• 축제게시글 상세보기
  • 축제이미지, 축제제목, 축제설명, 축제기간, 축제주소, 축제가격 조회 가능
• 축제 게시글 북마크 기능
  • 축제게시글 상세페이지에서 특정 축제게시글을 북마크 할 수 있음
  • 북마크한 축제게시글은 마이페이지에서 모아볼 수 있음
• 해당 축제게시글에서 모집하기 버튼으로 모집게시글 작성 연결
  • 해당 축제에 대한 모집게시글로 설정값 자동 입력

모집 게시글

• 모집게시글 작성
  • 특정 축제에 대해 같이 갈 사용자를 모집하는 게시글 작성
  • 게시글 제목, 내용, 모집인원, 모집마감일 입력
  • 모집인원은 1~10명까지 모집 가능
  • 모집마감일은 오늘 날짜 이후만 선택가능(과거 선택 불가)
• 모집게시글 리스트 조회
  • 페이지네이션을 적용해서 한 페이지에 8개의 게시글 조회 가능
  • 모집 축제명, 작성자, 마감일, 모집인원, 모집상태, 조회수 확인 가능
• 모집게시글 상세보기
  • 모집하는 축제이름, 게시글 제목, 작성자, 마감일, 모집인원, 내용, 댓글을 확인할 수 있음
  • 상세페이지로 이동시 조회수 +1
  • 신청하기 버튼을 통해 모집게시글에 신청할 수 있음
  • 게시글 작성자에게만 수정, 삭제 버튼이 보여 해당 기능을 사용 가능
  • 모집이 완료되었을 경우 게시글 수정,삭제,신청하기 불가
• 해당 모집게시글에 신청하기 기능
  • 해당 모집게시글에 이미 신청한 경우는 신청 불가
  • 본인 게시글에는 신청 불가
• 모집게시글 댓글
  • 사용자들은 해당 게시글에 대한 댓글을 통해 자유롭게 소통이 가능함
  • 댓글 작성자만 본인의 댓글에 대해 수정, 삭제 버튼이 보이고 해당 기능을 사용할 수 있음

리뷰 게시글

• 리뷰 게시글 리스트
  • 페이지네이션을 적용해서 한 페이지에 5개 게시글 조회 가능
  • 리스트에서 게시글의 제목, 내용, 작성자, 사진을 조회할 수 있음
• 리뷰 게시글 작성
  • 필수 요소(제목, 내용, 사진)가 충족되지 않는 경우 알림창을 통해 해당 내용을 알려줌
  • 등록 버튼을 누르면 완료 알림이 뜨며 리뷰게시글 리스트 페이지로 이동
• 리뷰 게시글 상세
  • 게시글 제목, 작성자, 작성일, 조회수, 사진, 내용, 댓글을 확인할 수 있음
  • 상세페이지로 이동시 조회수 +1
  • 게시글 작성자에게만 수정, 삭제 버튼이 보여 해당 기능을 사용 가능
• 리뷰 게시글 댓글
  • 사용자들은 해당 게시글에 대한 댓글을 통해 자유롭게 소통이 가능함
  • 댓글 작성자만 본인의 댓글에 대해 수정, 삭제 버튼이 보이고 해당 기능을 사용할 수 있음

마이페이지

• 프로필 정보 보여주기(프로필 이미지, 닉네임, 지역, 자기소개)
• 프로필 편집하기
  • 닉네임, 전화번호, 지역, 자기소개, 프로필 이미지 변경 가능
  • 변경 사항 없을 시 기존 내용 저장
• 북마크한 축제 게시글 모아보기(축제 이미지, 축제 이름)
  • 축제 상세 페이지로 이동 가능
• 내가 모집 게시글에 신청한 내역 모두 보여주기(모집 게시글 제목, 신청 상태)
  • 신청 상태는 수락, 거절, 대기 중
• 내가 작성한 모집 게시글에 대한 신청내역 모아보기만 보여주기(모집 게시글 제목, 신청자 닉네임, 신청 상태)
  • 신청 상태는 수락, 거절, 대기 중
• 받은 신청게시글 상태 수정하기
  • 수락/거절로 변경 가능
  • 모집정원 초과 시 다른 신청 내역들을 모두 대기중에서 거절로 변경
  • 모집정원 초과 시 더이상의 수락 불가
  • 기존 수락 내용 거절로 변경 후 다른 신청상태 변경 가능

 

⭐ 화면 설계

와이어 프레임

 

⭐ DB 설계

⭐ API 설계

 

 

 

 

 

 

⭐ 사용자 피드백 반영

피드백 반영 개선사항

1. 모집하기, 리뷰 게시글 작성 시 필수값 입력하지 않았을 떄 alert으로 무슨 값이 필요한지 알려주기
2. 모집, 리뷰 상세보기에서 댓글 수정 시 화면이 롤업되는 것 수정하기
3. 모집게시글 리스트에서 축제명이 길 경우 줄바꿈 되는 현상 수정
4. 마이페이지에서 프로필 수정 시 기존에 선택했던 지역 반영
5. 로그아웃 후 뒤로가기 버튼 클릭 시 사이트 들어가는 오류(모든 페이지에 로그인 체킹 기능 넣기)
6. 회원가입 시 한글+영어문구 같이 표현하기
7. 회원가입 시 핸드폰 번호에 '-' 양식 placeholder로 알려주기
8. 리뷰게시글 확인하기 버튼이 아닌 카드 클릭해서 페이지 이동
9. 버튼말고 엔터로 동작하게 하기(로그인, 검색창)
10. 로그인 후 안내 알럿창에 사이트 기능 강조하기
11. 축제, 리뷰게시글 상세페이지 뒤로가기 버튼추가
12. 모집마감일 과거일자 선택 불가하게 하기(모집게시글 생성, 게시글 수정 페이지)
13. 모집마감일 키보드 입력 방지(모집게시글 생성, 게시글 수정 페이지)
14. 축제 상세 페이지 가독성 좋게 수정

향후 개선사항

1. 회원가입 인증 절차 강화
2. 모집 마감일 반영한 모집 상태 변화 기능 추가
3. 내년 축제 일정 업데이트
4. 이메일 및 비밀번호 찾기 기능 추가
5. 회원탈퇴 기능 추가

 

⭐ 시연 영상

https://www.youtube.com/watch?v=PWlkFl4oawE

⭐ 트러블 슈팅

https://github.com/Naerumii/BestChoice/wiki/트러블슈팅