반려동물을 기르는 사람들끼리 소통 할수있는 플랫폼입니다.
Name Position 신현석 로그인, 회원가입, 반려동물 전용지도 이지예 게시글, 마이페이지 정태진 커뮤니티 페이지 , 실시간 채팅
| 메인페이지 | 게시글페이지 |
|---|---|
 |
 |
| • 무한스크롤 및 반응형 구현 • 댓글 및 좋아요 기능 • 더보기 버튼을 통해 북마크, 삭제, 공유 구현 |
• Intercepting Routes와 Parallel Routes • 게시글 클릭시 게시글 id값을 가진 모달로 이동 • 모달에서 새로고침시(또는 그 url로 바로 접근했을 경우) 단일 게시글 페이지로 보여짐 |
| 커뮤니티 페이지 | 실시간 채팅 페이지 |
 |
 |
| • 참여중인,추천 채팅방 캐러셀 및 반응형 구현 • 뜨는채팅방 무한스크롤 구현 |
• 실시간 채팅,이미지 업로드 기능 • 이전 채팅 조회 역방향 무한스크롤 • 채팅입력시 스크롤 자동하단 위치,이전 채팅 조회 시 스크롤유지 • 유저초대, 방장위임, 방삭제, 스케줄 추가, 스케줄삭제 (방장만 가능) |
| 스케줄 생성 모달 | 채팅룸 생성모달 |
 |
 |
| • 스케줄 시작날짜 종료날짜 일,월 단위로 선택가능 • 방장만 생성 가능하며 모든 필드를 입력해야 생성 가능 |
• 채팅룸 생성 모달 반응형 적용 • 채팅룸 커버 이미지 업로드 기능 • 해시태그 입력 및 백스페이스,클릭시 삭제가능 • 채팅룸 이름,설명,커버이미지 를 입력해야 확인 버튼 활성화 • 서버 과부하를 막기 위해 네트워크 요청전 필드값 유효성 검사 |
| 간편 로그인 / 회원가입 페이지 | 소셜 로그인 / 회원가입 페이지 |
 |
 |
| • 이메일 / 비밀번호 로그인 • 회원가입시 약관 동의 > 이메일, 비밀번호 입력 > 본인인증 > 위치 설정 > 프로필 설정 절차 진행 |
• google / kakao / naver 로그인 • 회원가입시 약관 동의 > 위치 설정 > 프로필 설정 절차 진행 • provider에서 제공하는 이름과 이미지 리소스 사용 |
| 이메일 찾기 / 비밀번호 변경 페이지 | 반려동물 전용지도 페이지 |
 |
 |
| • 이메일 찾기: 가입한 본인 이름과 휴대폰 번호를 입력 • 비밀번호 찾기: 가입한 본인 이름과 이메일을 입력 > 이메일에서 비밀번호 변경 주소 확인 > 비밀번호 변경 |
• 유저 위치기반 반경내 장소검색 • 카테고리별 장소검색 • 지도 클러스터링을 통해 겹쳐있는 마커를 그룹화 • 세부 장소에서 리뷰작성 및 리뷰확인(무한스크롤) • 리뷰작성 및 수정시 다중 이미지 업로드 훅 구현 |
| 마이페이지 | 유저 위치기반 장소추천 컴포넌트 |
 |
 |
| • 내 프로필 • 내 게시글, 참여중인 채팅방, 북마크한 게시글 |
• Google Map API 를 활용 유저 정보기반 장소추천 컴포넌트 • 현재 유저가 위치한곳으로부터 떨어진 거리 표시 |
| 사이드바 리팩토링 | Toast 알림 |
  |
|
| • 하이드레이션 버그 픽스 • 리렌더링 최적화 |
• error, success발생시 사용가능한 toast알림 구현 • react-toastify 라이브러리 활용 |