[항해99 1기] [Chapter6] 실전 프로젝트 (6) (2021.4.29)

실전 프로젝트에 대한 일지

오늘한 것

오전 회의

• 지수별로 기준을 정하기
  • 지수 -> 좋음/나쁨
• 백엔드에서 계산이 너무 많고 무거워지므로 프론트 단에서 지수 변환을 해야 함
  • 특정 range에 들어가 있으면 좋음/나쁨 표시
  • 각각의 데이터에 좋음/나쁨 기준이 있음
  • open api 참고
• 프론트에서 보낼 데이터
  • api 주소에 get 요청 보내기
  • body: 위경도값
• 클라이언트 사이드에서 작업시 알고리즘 노출 주의

moc API

• 보건 기상 지수
  • uvToday
  • oakPollenRisk
  • finePollenRisk
  • 감기 가능 지수
  • 식중독
  • 천식
• 주 날씨 정보
  • 7일을 배열 형태로 준다.
  • 인덱스 0은 오늘
• 일단 뽑아내기만 할 것

디자인

• main 상단 쪽에 시간/날짜 표시
• 이번주 날씨 정보도 추가
• input range 변경 소요

오후 회의

• 홈화면 고민
  • 메인 화면을 고정을 시키고 다른 페이지에 다양한 정보?
  • 스크롤을 넣어서 메인화면에서 더 볼 수 있도록 할 지
  • or 스와이프
  • 이것에 따라서 탭 바를 할 지 안 할 지 고민
• 스와이프로 결정
• 스크롤은 문제가 있을 수 있다.
  • 페이지네이션을 위해 서버단에서 인덱싱 필요
  • 소요가 너무 크다
• 메인페이지
  • 레인지 값에서 높게 나온 것을 카드로 주기
  • 4개
• 카드를 누르면 상세정보가 나오도록
• 오른쪽으로 스와이프하면 카드를 더 보여주기
  • 정보 큐레이션

프론트 엔드

• 스와이프
  • 캐로셀
  • 드래거블
  • 데스크탑은 레이아웃이 다르므로 염두하지 않아도 된다.

API 관련 사항

• 세종 특별시 빼기
• dayInfo
  • 시간단위
  • 요청 시간부터 24시간 정보
• livingHealthWeather
  • 생활지수
  • oak를 사용 (pine은 추후 삭제)
• weekInfo
  • 하루 단위
  • 인덱스 번호 0: 오늘의 값
  • weather: 하늘 상태
  • wethgerDes: 오늘 날씨 요약, 멘트 변경 예정, 정해지고 분기 처리
• 카드 대표값은 weekInfo 에서 가져오기
  • 상세 페이지에서는 모든 정보 활용
• 시간대로 오는 정보는 시간대별로 처리

한 것

• S3 세팅
  • 클라우드 프론트 준비
• 최소단위 컴포넌트 Range.tsx 구현
• 최소단위 컴포넌트 완료 80%
  • Button 오류 해결 중
• weathter 모듈 생성
• 사용자 위치를 받아오고 해당 날씨 정보 불러오기

할 것

• 최소 단위 컴포넌트 마무리
• PWA 배포 방법
• 불변성 관리 알려주기
• 도메인 준비
• HTTPS 알아보기
• 검색한 사이트가 노출이 잘 되는 방법 찾기
• Cloud Front 공부
• 스와이프 갤러리 찾아보기
• 레이아웃 만들기
• API 데이터 화면 출력