주요기능
- 메인탭 - 날씨 API 연동, 현재 온도 기반 포스트 조회, 트렌딩 - 강푸름
- 탐색탭 - 댓글, 좋아요, 팔로우, 태그 검색
- 업로드탭 - 게시물 업로드, 태그 추가 기능, 평가하기
- 마이페이지(내피드, 다른사람 피드) - 프로필 수정, 팔로우, 기온별 포스트 노출 - 서진환
# 종현 기능
- 랜딩페이지
- 로그인
- 회원가입
- 로딩페이지 - 로딩 스피너에 문구 삽입
- 토스트 알림
- 유틸성 함수, axios 호출 등등.., 라우터
라우트 페이지 : 첫화면, 회원가입, 로그인, 메인, 탐색, 업로드, 마이페이지(유어페이지), 댓글페이지, 프로필수정
주요 기능 명세서
탭
화면이름/브랜치명
기능1
라우팅 경로
기능 설명
담당자
구현
진행상황
메인
기본
/
- 날씨 API를 사용하여 현재기준 기온, 최저기온, 최고기온 및 문구를 화면 상단에 표시
- setInterval을 활용하여 정해진 간격마다 날씨 정보를 가져오도록
- 사용자가 업로드 할 때에는 그 시점의 날씨가 중요하므로 이 때는 바로 날씨 정보를 가져오도록
- setInterval 기능과 날씨 정보를 contextApi에 담아두는 기능 필요
시작전
메인
- 현재 기온을 기준 (실시간)으로, 다른 사용자들은 어떤 옷을 입었는지 확인할 수 있도록 포스트 조회
- 총 10~15개의 포스트를 조회 한 후 더 보기 버튼을 눌러 탐색페이지로 라우팅 처리
- 먼저 데이터 전체를 불러오도록 구현 하고 그 뒤에 작업
메인
업로드 후
/
- 자신이 업로드한 포스트가 있을 경우 오늘 옷차림에 대한 평가를 할 수 있다. (좋았어요, 추웠어요, 더웠어요) 이 때 평가하는 부분은 모달창으로
- 아직 평가하지 않은 항목이 있을 경우 업로드 하지 못하도록, 평가 모달띄우기)
- 자신이 업로드한 포스트에 대해 평가했을 경우 스타일 평가 버튼 숨김
업로드
사진업로드
- (모바일) 유저의 앨범에 접근 가능
- (PC) 드래그 앤 드랍으로도 파일 업로드 가능
- (공통) 세로형 이미지
- 이미지 파일만 업로드 가능하도록 구현
시작전
업로드
- 태그 추가 선택 후 input 생성, 해당 input 위치와 키보드와 겹치지 않게 설정
- 태그는 focusout, 엔터, 완료 클릭 시 추가됨
- 태그 추가 후, 선택된 상태가 디폴트
업로드
등록버튼
- 사진이 업로드 되지 않았거나 태그가 선택되지 않은 경우, 비활성화
- 비활성화 상태에서 클릭 시, 에러메세지[사진을 등록해주세요, 태그를 선택해주세요] 띄우기
마이페이지
유어페이지-팔로우 후
Following 버튼을 누르면 언팔로우가 된다.
실시간으로 팔로워 팔로잉 정보 변경
DEL { "id": String }
마이페이지-사진
현재 온도
온도의 구간별로 사진의 온도데이터에 따라 가져온다.
현재온도 기준으로 +-1
1. 카테고리가 있다면 온도별 카테고리를 가져와서 보여주면 된다.
2. 카테고리가 없다면 유저의 전체 Posts를 가져와 filter를 사용하여 가져온다.