3주차 스프린트

3주차 주간 스프린트 계획 회의

이슈 사항

폴리곤 그려지는 속도가 너무 느림(document 크기가 너무 큼)
- DB fetch에 20초 가량 소요
지역마다 구/동 크기가 차이가 커서 일원화하여 축척에 따라 폴리곤을 그리면 일부 지역에서는 적절하지 않음
인접 지역에 대해서 폴리곤을 그리지 않으면 지도 폴리곤이 일부만 그려짐
조금 이동할 때, 같은 데이터를 가져오는 똑같은 요청을 보내지 않는다(fetch 줄이기)
path data 솎아내기
mongoDB Cloud 무료버전이므로 server로 옮겨서 성능 높이기
db index, query

섬 많은 지역은 polygon을 따로 처리해주기

MultiPolygon 이벤트 리스너 등록할 때 문제가 생길수도 있다.
MultiPolygon은 polygon을 분리해서 처리하는 게 아니라 하나의 kakao.maps.Polygon 인스턴스로 수정

const drawPolygon = (...) => {
    ...
    const polygons = makeMultiPolygon(region.path);
    polygons.forEach((polygon) => {
        polygon.setMap(map);
        polygonInstances.push(polygon);
    });
}

const makeMultiPolygon = () => {
...
return coordObjectsArray.map((coordObjects) => {
   console.log(coordObjects);
   return new kakao.maps.Polygon({
     path: coordObjects.length > 1 ? [...coordObjects] : coordObjects,
     strokeWeight: 2,
     strokeColor: '#004c80',
     strokeOpacity: 0.8,
     fillColor: '#fff',
     fillOpacity: 0.7, 
   });
 });
}

우선 순위

(홍승용, 송명회)
- 폴리곤 생성 성능 개선 - 첫째날 승용
- 행정구역 중앙 marker 생성 - 송명회
- 행정구역 별 폴리곤 당 색상 다양화 - 승용
- marker hover시 custom layer(평점, 태그) 생성 - 송명회
- marker 클릭시 사이드바 애니메이션 렌더링 - 송명회
- 지도 검색 기능 - 승용
(홍종우)
- 메인 헤더 UI 개선
- 사이드바 UI 구현
- 사이드바 후기 작성
- 사이드바 총 별점
- 사이드바 후기 불러오기
- 사이드바 후기 탭 with 무한 스크롤
- swagger API 명세서 구현
(문혜현)
- 로그인 구현
- (프로필 페이지 구현)
- 도커 컨테이너 생성
- 자동화 배포
추가 기능
- 동네 모임 기능 (Socket.io)
- 번개 알람 (Socket.io)

구현할 기능(feature)

기능	작업 크기	담당자	결과
폴리곤 생성 성능 개선	중	홍승용, 송명회	O
행정구역 중앙 marker 생성	중	송명회	O
행정구역 별 폴리곤 당 색상 다양화	중	홍승용	O
marker hover시 custom layer(평점, 태그) 생성	중	송명회	O
marker 클릭시 사이드바 애니메이션 렌더링	중	송명회	O
지도 검색 기능	상	홍승용, 송명회	O
메인 헤더 UI 개선	하	홍종우	O
사이드바 UI 구현	중	홍종우	O
사이드바 후기 작성	하	홍종우	O
사이드바 총 별점	중	홍종우	O
사이드바 후기 불러오기	중	홍종우	O
사이드바 후기 탭 with 무한 스크롤	중	홍종우	X
swagger API 명세서 구현	중	홍종우	X
nCloud 설정	상	문혜현	O
자동화 배포(github actions)	상	문혜현	O
nginx	상	문혜현	O
https	중	문혜현	O
로그인 jwt 인증	중	문혜현	O

일자별 목표

월
- 폴리곤 성능 개선(데이터 줄이기, DB 인덱싱)
- 행정구역 Marker(custom overlay) 띄우기, 축척 레벨 및 드래그 이동에 따른 마커 재생성
- 메인 헤더 UI 및 사이드바 UI 구현, 후기 작성 Modal UI 구현
- nginx 설정과 https 적용
- 자동화 배포(github action)
화
- 검색기능 UI, 리스트, 이동 구현
- Marker 내용 채우기 - 평점 불러오기, hover 이벤트(API, fetch) 구현
- swagger API 명세서 구현, 사이드바 후기 Backend API 작성 및 후기 불러오기 기능 구현
- docker 적용
수
- 폴리곤 색상 다양화 구현
- Marker 클릭 이벤트 구현
- 지도 API 적용 및 축척 변경 상태 관리, 자동화 배포(github actions)
- 사이드바 후기 탭 무한 스크롤 구현, 추가 구현 기능 생각하기
- github oauth 로그인 구현
목
- github oauth 로그인 구현 완료하기