[6주차] 주간 스프린트 계획 회의(2021.11.29) - boostcampwm-2021/WEB25-JustUs GitHub Wiki
프론트 남은작업
1. 무성
- 토스트 메세지 상수화
- 캐러셀 컴포넌트 React.memo로 감싸기
- 앨범 생성 누르고, 지도 우클릭하면 모달 살아있음. 수정해야함
- 테마 설정 모달에서, 테마 눌렀을 때 보더 주기.
- API 하나 연결 (회원 정보 수정 API)
- 시맨틱 태그로 바꾸기
- jwt 개선
- 게시글 제목 18자 제한 두자 → 키 누를때마다 제한 넘어가면 토스트로 알려주기
2. 필상
- 지도 최적화
- 테스트 로그인 제거
- 그룹 명단 리스트 넘치는거 잡기
- 해시태그 검색바 수정
- 안쓰는 코드 지우기
- 매직넘버 제거
3. 명희
- 웹 폰트 렌더링
- 엑시오스 기본 설정(withCredentials이랑 서버 URL 기본 설정으로 두자)
- 공통 로직 분리
- css 애니메이션
- type
- any 좀 줄여보기
- 삭제 모달 style 수정
- 모달 css
- 리액트 렌더링 최적화 → 화
- 테스트 코드 작성 → 수
백엔드 남은 작업
- API 업데이트 - 월
- 해시태그 전체 조회 API 때문에 게시글이 하나도 없는 해시태그 삭제
- jwt 개선
- 4MB 이하 일 때 이미지 리사이징
- db 쿼리 최적화 - 화
- 리팩토링 - 화
- 폴더 구조
- 빌더 패턴
- getter, setter
- await 뺄 수 있는거 빼기
- 테스트 코드 작성 -월
데모 시나리오
- 사용자는 로그인 버튼을 눌러 메인 페이지로 이동할 수 있다.
- 로그인 된 상태에서 로그인 페이지에 접근하면 메인 페이지로 리다이렉트 시켜준다.
- 사용자는 그룹을 참가하거나 생성할 수 있다.
- 다른 그룹의 참가 코드를 입력해 해당 그룹에 참가할 수 있다.
- 그룹명, 그룹 이미지를 입력해 새로운 그룹을 생성할 수 있다.
- 사이드바의 그룹을 선택시, 해당 그룹이 가지고 있는 앨범 리스트를 조회할 수 있다.
- 사용자는 앨범을 조회, 생성, 수정, 삭제할 수 있다.
- 사이드바에서 앨범 내부에 존재하는 게시글들을 확인할 수 있다.
- 사용자는 사이드바 하단의 앨범 생성 버튼을 통해 앨범명을 입력한 후 새로운 앨범을 생성할 수 있다.
- 앨범 명 옆의 더보기 버튼을 클릭해 앨범을 수정, 삭제할 수 있다.
- 앨범 수정 모달에서는 변경하고자 하는 앨범명을 입력해 새로운 앨범명으로 변경할 수 있다.
- 앨범 삭제 모달에서는 해당 앨범 삭제 확인을 물어보는 문구가 표시된다. 확인을 누르면 내부 게시글들을 포함한 해당 앨범은 삭제된다.
- 그룹을 선택하면, 모든 앨범에 포함된 게시글 전부가 지도에 표시된다.
- 게시글은 하나의 포도 마커로 표시된다.
- zoom-out을 통해 클러스터를 확인할 수 있다.
- 지도 우측 하단의 + 버튼을 클릭해 새로운 게시글을 작성할 수 있다.
- 포도 마커를 하나 클릭하면 해당 좌표 정보를 저장했던 게시글을 조회할 수 있다.
- 사용자는 게시글 조회 모달 내부에서 게시글 수정 및 삭제할 수 있다.
- 클러스터링 된 포도 마커를 클릭하면, 속한 마커들의 게시글 제목이 리스트 형태로 보여진다.
- 사용자는 우측 상단 프로필 이미지 아이콘을 클릭해 회원 정보를 설정할 수 있다.
- 회원 정보 모달에서는 회원 닉네임과 회원 이미지를 변경할 수 있다.
- 테마 설정 모달에서는 현재 적용되는 테마를 변경할 수 있다.
- 로그아웃 버튼을 통해 서비스로부터 로그아웃할 수 있다.
- 사용자는 상단의 검색바에서 해시태그를 검색해 연관있는 게시글 정보를 볼 수 있다.
- 게시글 제목 리스트 중 하나를 클릭하면, 해당 게시물 위치로 지도가 이동하며 동시에 그 게시글의 조회 모달이 보여진다.
- 사용자는 서버로부터 데이터 응답을 기다리는 동안, 스피너를 볼 수 있다.
- 데이터 응답이 되면, 스피너는 사라지고 요청했던 결과가 반영된 페이지를 볼 수 있다.
- 사용자는 요청이 실패했을 때, 실패 내용이 담긴 토스트 메세지를 확인할 수 있다.