• 홈 페이지 (카드 쌓인 화면) 담비

  • 카드가 없을 경우 휑
  • 쌓인 카드 맨 앞장은 내가 최근에 들은 잔소리카드

• 카테고리 페이지 범석

  • 카테고리 전체 스크롤
  • 카테고리별 인식 위치 확인
  • 항목 추가에 유연하게 대응

• 카드 세부 페이지 승광

  • 등록한 카드 보여주기 페이지(Card Details 페이지)
    • 잔소리 카드, 잔소리 반응을 보여주는 페이지

• 카드 등록하기 페이지 승광

  • 등록할 때 타이핑 (일단 뒤에 보이는 영역에 실시간 동기화 X) ⇒ 모달창 떠서 가려지는 부분이므로
  • 잔소리 반응 등록하기 버튼 누르면 모달 창 띄워줌
  • 모달창 뜨면 잔소리 반응 등록하는 input box 생성 후 텍스트 값 들어가면 ‘카드 등록하기’ 버튼 활성화

• 나의 잔소리 페이지 승광

  • 마이 프로필 영역
    • 유저 네임, 설정 버튼
  • 팔로잉 / 팔로워 (클릭 시 인식 가능) ⇒ 모달 창으로 띄울 예정
  • 영수증 출력
    • 잔소리 카드가 1개 이상일 때 활성화
    • 0개 일 때는 비활성화 처리 & 누르면 안내 모달(잔소리 카드를 만들어주세요)
  • 현재 영수증 리스트
    • 영수증이 없는 화면 생각하기
    • 영수증이 없을 때는 어떻게 놔두지?
  • 나의 잔소리 카드
    • 없을 경우 만들러 가기 모달 자동 띄우기
      • 모달 미클릭시 <휑> 카드
    • 있을 경우 비율에 따른 3개 배치 계산
    • 무한 스크롤(카드 배열을 무한 스크롤)

• 팔로잉 팔로워 리스트 페이지(모달x) 담비

  • 팔로잉 리스트
    • 리스트 노출
    • 검색 버튼 → 팔로잉 추가 모달
  • 팔로워리스트
    • 리스트만 노출

  → 무한스크롤

• 영수증 출력 화면 (영수증 로딩) 담비

  • css로 할 것인가? GIF로 할 것인가?
  • 시간 계산해서 설정해두기

• 영수증 출력 화면 (영수증 띄우기)담비

  • api로 자료 값 받아오기
  • 항목별 계산하기
  • 해당 항목 영수증 이미지로 띄우기
  • 공유하기 버튼 구성하기
  • 삭제하기 버튼 구성하기
  • 영수증 발행일자 생성하기

• 영수증 공유 페이지(어른 / 일반)담비

  • 글씨 폰트 키우기
  • 전체 여백/자간 등 확인해서 디자인

** 영수증 설정을 props로 받을 경우 해당 페이지가 나올 수 있도록 화면 설정을 해야됨 **

• 피드 페이지 구성하기 범석

  • 피드 해시태그 설정
  • 피드 해시태그 가로 스크롤
  • 피드 comment 태그별 띄우기
  • 피드 무한 스크롤

• 피드 내 comment 카드 범석

  • 작성자 / 작성시간 / 잔소리 항목 / 코멘트 내용
  • 항목별 카드 사이즈 작게 띄우기
  • 좋아요 버튼
  • 팔로우 버튼

• 마이페이지

  • 닉네임 설정
    • 닉네임 입력 모달
  • 그 외 카테고리 (링크로 연결 목표)
  • 탈퇴하기 버튼 → 탈퇴하기 화면