HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
💫
[팀16] YAS
/
😺
프롱이
/
🐳
리팩토링
/
⭐
1월 13일 회의록
/
🤔
1월 13일 아젠다
🤔

1월 13일 아젠다

후기 컴포넌트 고려사항감정, 후기 또는 사진 중 하나를 등록하지 않았을 경우사진이 여러개일 경우 클릭 시 후기를 아예 남기지 않았을 경우감정 이모티콘캘린더 대체 패키지

후기 컴포넌트 고려사항

  • 감정, 후기 또는 사진 중 하나 이상 등록하지 않았을 경우
  • 사진이 여러개일 경우 클릭 시
  • 후기를 아예 남기지 않았을 경우
 

감정, 후기 또는 사진 중 하나를 등록하지 않았을 경우

  • 후기 등록 시에는 감정 이모지와 텍스트를 필수로 지정하는 것이 좋을 것 같다
  • 후기 등록의 의미가 명확하려면 필수 항목이 존재해야한다고 생각한다
  • 감정 이모지, 텍스트를 입력하지 않을 경우 등록 버튼 비활성화 처리
  • 사진의 경우 사용자의 선택에 따라 가능
  • 사진을 등록하지 않았을 경우
    • notion image
  • 사진을 등록했을 경우
    • notion image

사진이 여러개일 경우 클릭 시

  • 1안 : 어떤 사진을 클릭하든 후기 컴포넌트가 아래로 길어지며 사진 한 개씩 보여주기
    • notion image
 
  • 모달을 이용해 클릭한 사진 보여주기
    • 웹의 경우 옆으로 이동 버튼 존재
    • 모바일의 경우 손가락으로 넘기기 가능
    • 모바일의 경우 2/5 이런 식으로 표현해도 좋을듯
    • notion image
 

후기를 아예 남기지 않았을 경우

  • 후기가 없을 경우 분석 디테일 페이지에 후기 작성하기 버튼 추가하여 렌더링
  • 모달을 이용해서 후기 작성 컴포넌트 보여주기
    • notion image
 

감정 이모티콘

https://www.flaticon.com/packs/smileys-4
notion image
https://www.flaticon.com/packs/emojis-14
notion image
https://www.flaticon.com/packs/emojis-26
notion image
 

캘린더 대체 패키지

 
Kalend demo
Kalend demo
https://calend.nibdo.com/
 
Calendar Mobile
Calendar Mobile
https://jessemao.github.io/react-calendar-mobile/