DIAR-96 일기장 상세 - 캘린더

[boyon99]

상위 작업 Ticket Number

DIAR-27

이슈 내용(Description)

일기 상세 페이지에 제공되는 캘린더 기능을 구현

상세 내용(Details)

캘린더 기능 및 날짜 이동 기능, 디자인 작업 처리하기

체크리스트(Tasks)

캘린더 기능 구현하기

• 요일 및 날짜 보여주기
• 이전달과 다음달로 이동하기
• 이전 날짜 또는 다음 날짜 클릭 시 해당 달로 이동하기
• 캘린더 날짜 선택하기
• 최적화하기

  select box component 구현하기

  • 현재 년도에서 10년 전까지, 월에 해당되는 select 구현하기
  • select box component 디자인 적용하기
  • 현재 조회하고 있는 날짜에 해당되는 값을 selected 상태로 적용하기
  • 날짜 변경 시 업데이트하기
  • 완료 버튼 클릭 시 선택한 달로 이동하기, 기본값은 1일로 적용
  • 피그마 디자인 적용하기

디자인 적용하기

• 피그마 디자인 적용하기

API 연동하기

• 일기가 있는 날의 경우 표시하기
• 해당 날짜의 일기 리스트 보여주기

참조(References)

No response