[ 목표 상세 페이지 / 대시보드 ] 기능 및 디자인 제작

[MinaRoh]

✅ 작업 내용

목표 상세 페이지를 제작했습니다. /goals/[goalId]로 접근할 수 있습니다.

• 좌측 nav에서 목표 클릭시 해당 목표 상세 페이지로 이동 기능 추가
• 상단 목표 이름, 진행률 표시
• 노트 모아보기 표시
• 노트 모아보기 클릭시 이동 기능 추가
• todo, done 리스트 표시
• todo, done 무한스크롤
• css, 반응형 작업

todo, done list를 가져오는 부분이 대시보드와 겹쳐 대시보드 작업도 진행했습니다.

• 대시보드에 목표 카드 클릭시 해당 목표 상세 페이지로 이동 기능 추가
  • 카드 대신 목표 제목 클릭으로 변경
• 대시보드 더보기 기능 추가

📸 스크린샷 / GIF / Link

[MinaRoh]

이런... useTodosInfiniteQuery에 { done: false } 인자 넣고 todoitem 해당 data 넣으시면 TodoDoneItems.tsx 만드실 필요 없으셨을텐데

화면 영역이 좁아서 무한스크롤을 어떻게 해야하나, 대시보드 더보기 기능과 비슷하게 해야하나 고민했는데 생각 정리돼서 이 pr 닫지 않고 무한스크롤 기능까지 해서 추가 작성하고 merge하겠습니다 😀😀