🧐 백로그 점검

• 지난 주 완료 항목 점검
• 이번 주 수행 항목 선정
• 이번 주에 추가 항목은 없음

✊ 이번 주 목표

프론트엔드

• (지난주) 핀이 포커싱 될 경우 커지는 기능 완성
• (지난주) 로딩 화면 렌더링
• (지난주) 핀 클릭시 상세 모달창 출력
• (지난주) 사용자가 위치 정보 거부했을 때 서울 중심지 보여주기
• 과거 시간대별 그래프(스크롤) 출력
• 로그인 하지 않았을 때 로그인 모달창 띄우기
• 로그인했을 때 사이드 바 띄우기
• X버튼 혹은 모달 밖의 영역을 누르면 모달창 닫힘
• 사이드 바 - 사용자 닉네임 UI 출력
• 사이드 바 - 북마크 리스트(최대 5개) 출력
• 사이드 바 - ‘내일 갈 거야’ 리스트(최대 3개) 출력
• 사이드 바 - ‘내일 갈 거야’ 순위 변경 시 N마크 UI 출력
• ‘내일 갈 거야’ 초기화(오전 4시)
• (도전 과제) 지도에 보이는 지역의 정보만 가져오기

백엔드

• crontab 서버 구축
• crontab 서버에서 30분마다 실시간 도시 데이터 저장
• crontab 서버에서 Redis / RabbitMQ 를 사용하여 24시간 이내의 정보 저장
• api 서버에서 Redis / RabbitMQ 를 사용하여 24시간 이내의 정보 응답

공통

• 환경변수 개발용, 배포용으로 나누기
• 소셜 로그인 - 네이버
• 북마크 추가/삭제(최대 5개)
• 내일 갈 거야' 추가/삭제(최대 3개)
• 내일 갈 거야' 초기화(오전 4시)

배포

• HTTPS

🤼 페어 프로그래밍

이번 주 페어

• 네이버 사다리 타기로 결정

  • A팀 - 윤우/상준
  • B팀 - 한빈/현정

  

⛅ 데모 시나리오

핀

1. 핀을 클릭하면 핀이 커지고, 화면 가운데로 위치한다. 1단계 상세 모달창이 출력된다.
   1. 필요한 값 : 핀의 위도/경도

상세 모달창

1. 현재 장소 상태 메시지, 실시간 예상 인구 수, 북마크 버튼, ‘내일 갈 거야’ 버튼이 출력된다.
   1. 필요한 값 : 현재 장소의 붐빔 정도, 실시간 인구 최대값/최소값, 사용자별 북마크 장소 목록, 사용자별 ‘내일 갈 거야’ 장소 목록
2. 북마크 버튼을 누르면 북마크가 추가/삭제된다.
3. ‘내일 갈 거야’ 버튼을 누르면 ‘내일 갈 거야’가 추가/삭제된다.
4. 상세 모달창 상단을 드래그하면 2단계 상세 모달창이 출력된다.

2단계 상세 모달창

1. 24시간 이내의 시간대별 그래프가 스크롤로 출력된다.
   1. 필요한 값 : 24시간 이내의 시간대별 인구 밀도 → 크론탭

로그인

1. 로그인이 안 되어 있을 때 ‘마이 버튼’을 누르면 로그인 모달창이 출력된다.
   1. 필요한 값 : 사용자 로그인 여부
2. X 버튼을 누르면 혹은 모달 밖의 영역을 누르면 모달창이 닫힌다.
3. 로그인 되어 있을 때 ‘마이 버튼’을 누르면 사이드 바가 출력된다.
   1. 필요한 값 : 사용자 로그인 여부
4. 네이버 계정으로 소셜 로그인을 한다.

사이드 바

1. 로그인이 되어 있을 때 ‘마이 버튼’을 누르면 화면 오른쪾에 사이드 바가 출력된다.
2. 사이드 바 상단에 사용자 닉네임이 출력된다.
3. ‘내일 갈 거야’ 리스트와 삭제버튼, 순위가 출력된다.
   1. 필요한 값 : 사용자의 ‘내일 갈 거야’ 리스트
4. ‘내일 갈 거야’ 지역이 삭제된다.
5. 북마크 리스트와 삭제버튼이 출력된다.
   1. 필요한 값 : 사용자의 북마크 리스트
6. 북마크된 지역이 삭제된다.
7. ‘내일 갈 거야’ 순위가 변경되면 N마크가 출력된다.
8. ‘내일 갈 거야’ 순위는 특정 시간에 초기화된다.

성능 비교

1. 50 곳을 모두 불러온 뒤, 이에 대한 네트워크 지연 시간을 측정한다.
2. 50 곳을 부분적으로 불러온 뒤, 이에 대한 네트워크 지연 시간을 측정한다.
3. 성능 개선이 되었는지 확인한다.
   1. 필요한 조건 : ‘빠른 3G, 느린 3G, 제한 없음’을 기준으로 두 개의 상황 비교
   2. 결과 : 데이터에 대한 도표를 생성한다.