UI 구현

[root-zero-o]

목표

기본적인 UI 먼저 구현하기

details

• [x] 일기 그리는 화면

  • [x] 제목 입력
  • [x] 날짜 선택
  • [x] 그림 그리는 곳 - canvas 부분
  • [x] 내용 입력
  • [x] 저장 버튼, 삭제 버튼
  • [x] 상단 헤더 - 달력으로 날짜 선택하기

• [x] 홈 title 화면

[root-zero-o]

Issue

new Date()로 현재 날짜를 가져올때 SSR로 인한 hydration error 발생

• client side 에서 구한 날짜와 server side 에서 구한 날짜가 타이밍상 다를 수 밖에 없기 때문
• 'use client'를 선언한 컴포넌트에서 사용
• 혹은 컴포넌트로 뺀 다음 dynamic에서 SSR 옵션을 false로 주는 방법도 있다.