주간 스프린트 계획 회의_2주차 - boostcampwm-2022/web33-Mildo GitHub Wiki

1. 백로그 공유

1.1. 현정님의 백로그

  1. 백로그 기능별 우선순위 검토
    • 우선순위와 진행 순서를 맞출 필요는 없음
    • UI와 기획서 사이의 우선순위 차이가 있으나 실제 구현 진행 순서와는 별개
  2. 진행 순서 부여 방법
    • 우선순위와 진행 순서는 별개로 간주
      • 우선순위가 높다고 반드시 먼저 구현할 필요는 없음
    • 매주 월요일 해당 주차 진행 순서 선정
      • 세부적인 구현 사항은 Github 이슈로 작성
  3. FE 중심의 백로그
    • BE, 배포 등의 세부 내용은 Github 이슈를 작성할 때 추가

2. 1주차 기능 진행 순서 선정

2.1. 지도 출력

2.1.1. UI

  • 지도 초기 화면을 서울 중심으로 출력
  • 주요 장소 50곳에 대한 붐빔 정도 핀으로 표시
    • 핀 클릭 시 상세 정보 모달창 띄우기
    • 상세 정보는 UI만 구현, 기능은 차후에 구현

2.1.2. API 요청

  • 지도 API
    • 지도 API 선정
      • 윤우, 한빈 : 네이버 지도를 사용했으나 큰 불편함을 느끼지는 못함
      • 현정 : 카카오 지도는 공식 문서가 잘 작성되어 있음
      • UI 작성 시 네이버 지도를 참고하였고, 공식 문서를 제외하면 카카오 지도와 큰 차이가 없어 네이버 지도 API로 결정
    • 주요 장소 표시
  • 서울시 도시 데이터 API 불러오기
    • 하루 천 번 제한을 어떻게 해결할지?
      • 여러 계정 만들어 API 사용?
      • 주요 장소 적게 불러오기?
      • 한 번에 API 긁어오기?
        • 시간 엄청 오래 걸림
    • 주요 장소 인구밀도/위도/경도 가져오기

2.2. 상세 정보 모달창 출력

2.2.1. UI

  • 현재 장소 상태 메시지
  • 실시간 예상 인구수
  • 북마크 버튼
  • ‘내일 갈 거야’ 버튼

3. 세부 기능

3.1. 지도 출력

  • 네이버 지도 API 연결
  • 지도 초기 화면을 서울 중심으로 출력

3.2. API 요청

  • 서울 실시간 도시 데이터 API 연결
  • 데이터를 가공해서 DB에 저장하기(CRUD)
  • 주요 장소 50곳에 대한 인구밀도/위도/경도 정보 가져오기

3.3. 핀

  • 지역에 대한 구체적인 위도/경도 설정
    • (선택) 해당 지역을 테두리로 표시 (추후 논의)
  • 지도에 50곳의 위도/경도 대한 핀 출력
  • 인구밀도를 기반으로 핀의 색상 출력
  • 핀 클릭 시 상세 정보 모달 출력
  • 핀 클릭 시 핀의 크기를 키우고, 핀의 중앙에 현재 상태 표시
  • 핀 클릭 시 핀이 화면 중앙으로 오도록 설정

3.4 상세 정보 모달

  • 현재 장소 상태 메시지 UI 출력
  • 실시간 예상 인구수 UI 출력
  • 북마크 버튼 UI 출력
  • ‘내일 갈 거야’ 버튼 UI 출력

4. 구현 전 필수 논의 사항

  • 기술 스택 논의
  • 개발 환경 세팅
  • DB 구조 구성 (ERD 필요 시 작성)
  • 페어 구성 및 작업 할당