[4주차] 주간 스프린트 계획 회의(2021.11.15)

특별 사항

**1차 작성: 11/11(목)~11/21(일)**

완료되어야 할 것: 페이지 기본 정보 / 팀원 소개 / 기술 스택 / 기술 특장점 / 프로젝트 소개 이미지 등(이 외에 추가 작성 가능)

유의사항: 스킬, 프로젝트 소개 문구는 한 줄을 넘지 않게 작성합니다(아래 예시 참고)

1. API 연결

사용자

로그인 : POST ⭐️
사용자 정보 조회 : GET ⭐️
정보 수정: PUT ⭐️
로그 아웃: POST ⭐️
사용자가 속한 그룹 리스트 조회(페이징) : GET

그룹

그룹 정보 조회 : GET ⭐️
그룹 생성 : POST ⭐️
그룹 정보 수정 : PUT ⭐️
그룹 탈퇴 : DELETE ⭐️
그룹 초대 가입 : POST ⭐️
앨범 전체 조회 : GET ⭐️
그룹 순서 수정 : PUT

앨범

앨범 생성 : POST ⭐️
앨범 이름 수정 : PUT ⭐️
앨범 삭제 : DELETE ⭐️
앨범 순서
포스트 검색(페이징) : GET
포스트 이동

포스트

포스트 생성: POST ⭐️
포스트 삭제 : DELETE ⭐️
포스트 수정 : PUT ⭐️
포스트 상세 조회 : GET ⭐️

2. 프론트 남은 작업

이번 주 스프린트

매직넘버 사용 자제
시맨틱한 태그 사용
API 연결 (redux-saga사용)
- 로그인/라우터 작업
- 앨범 추가 로직
- 앨범 삭제 로직
- 앨범 수정 로직
- 게시물 생성 로직
  - Form 태그로 (~~전송해야함)~~ 감싸줘야함
- alert 대체 작업 (해당 API 연결하는 사람이 진행
  - 인풋은 밑에 빨간 글씨로.
  - 장소명 검색 에러 → 리스트 내부에 우는 포도 및 가이드 문구 표시

역할

명희:

그룹,앨범 관련 API 연결
기본앨범 버튼 disable

필상 :

포스트 관련 API 연결
포스트 리스트 모달
form 태그로 감싸주기
겹침 마커 처리

https://navermaps.github.io/maps.js.ncp/docs/tutorial-marker-intersect.example.html

무성:

사용자 관련 API 연결
라우터 연결 로직
UI 통일/다듬기
- 모달 디자인 통일 (+모달 애니메이션 추가 ), border bottom 빼기
- 게시글 생성, 조회 모달에서 content위아래 줄간격 넓게
- 검색 결과 모달, 프로필 모달 box-shadow 주기
- px→rem 바꾸기
URL 작업
- 잘못된 URL 처리 (우는거)

다음주 프론트 스프린트 목록

리팩토링
- 시맨틱 태그로 바꾸기
- 폰트 최적화
- 매직넘버 제거
- 액션 함수+상수화
디버깅
스피너 작업
- 전체데이터 불러올 때 (지도 렌더링까지)
- 검색 결과 리스트 불러올 때
- 지도 다시 그려줄 때
테스트

3. 백엔드 남은 작업

스웨거 -월
cookie 만료시간 추가 - 월
API에 userId 제거 - 월
Object Storage 연결 - 월
남은 API 작업 - nosql 연결(redis or mongo) - 화
API 프론트 연결시 오류 수정 - 월, 화, 수, 목
운영 서버 생성 - 수
운영 서버에 https 적용, 도메인 설정 - 수
테스트 코드 작성 - 목

다음주 백엔드 스프린트 목록

학습 자료 문서화
캐시 적용해보기 - redis
테스트 코드 작성
빌더 만들어서 리팩토링

4. 데모 시나리오

사용자는 로그인 버튼을 눌러 메인 페이지로 이동할 수 있다.
1. 로그인 된 상태에서 로그인 페이지에 접근하면 메인 페이지로 리다이렉트 시켜준다.
사용자는 그룹을 참가하거나 생성할 수 있다.
1. 다른 그룹의 참가 코드를 입력해 해당 그룹에 참가할 수 있다.
2. 그룹명, 그룹 이미지를 입력해 새로운 그룹을 생성할 수 있다.
3. 사이드바의 그룹을 선택시, 해당 그룹이 가지고 있는 앨범 리스트를 조회할 수 있다.
사용자는 앨범을 조회, 생성, 수정, 삭제할 수 있다.
1. 사이드바에서 앨범 내부에 존재하는 게시글들을 확인할 수 있다.
2. 사용자는 사이드바 하단의 앨범 생성 버튼을 통해 앨범명을 입력한 후 새로운 앨범을 생성할 수 있다.
3. 앨범 명 옆의 더보기 버튼을 클릭해 앨범을 수정, 삭제할 수 있다.
  1. 앨범 수정 모달에서는 변경하고자 하는 앨범명을 입력해 새로운 앨범명으로 변경할 수 있다.
  2. 앨범 삭제 모달에서는 해당 앨범 삭제 확인을 물어보는 문구가 표시된다. 확인을 누르면 내부 게시글들을 포함한 해당 앨범은 삭제된다.
그룹을 선택하면, 모든 앨범에 포함된 게시글 전부가 지도에 표시된다.
- 게시글은 하나의 포도 마커로 표시된다.
- zoom-out을 통해 클러스터를 확인할 수 있다.
- 지도 우측 하단의 + 버튼을 클릭해 새로운 게시글을 작성할 수 있다.
- 포도 마커를 하나 클릭하면 해당 좌표 정보를 저장했던 게시글을 조회할 수 있다.
  - 사용자는 게시글 조회 모달 내부에서 게시글 수정 및 삭제할 수 있다.
- 클러스터링 된 포도 마커를 클릭하면, 속한 마커들의 게시글 제목이 리스트 형태로 보여진다.
사용자는 우측 상단 프로필 이미지 아이콘을 클릭해 회원 정보를 설정할 수 있다.
- 회원 정보 모달에서는 회원 닉네임과 회원 이미지를 변경할 수 있다.
- 테마 설정 모달에서는 현재 적용되는 테마를 변경할 수 있다.
- 로그아웃 버튼을 통해 서비스로부터 로그아웃할 수 있다.
사용자는 상단의 검색바에서 해시태그를 검색해 연관있는 게시글 정보를 볼 수 있다.
1. 게시글 제목 리스트 중 하나를 클릭하면, 해당 게시물 위치로 지도가 이동하며 동시에 그 게시글의 조회 모달이 보여진다.