[배민지] Sprint9

[minji9029]

요구사항

기본

기본

• ‘로고’ 버튼을 클릭하면 ‘/’ 페이지로 이동합니다. (새로고침)
• 진행 중인 할 일과 완료된 할 일을 나누어 볼 수 있습니다.
• 상단 입력창에 할 일 텍스트를 입력하고 추가하기 버튼을 클릭하거나 엔터를 치면 할 일을 새로 생성합니다.
• 진행 중 할 일 항목의 왼쪽 버튼을 클릭하면 체크 표시가 되면서 완료 상태가 됩니다.
• 완료된 할 일 항목의 왼쪽 버튼을 다시 클릭하면 체크 표시가 사라지면서 진행 중 상태가 됩니다.

주요 변경사항

• React-Query 5v와 Zustand 동기화하는 방식을 사용해보았습니다.
• Shadcn을 사용해서 체크박스를 구현하였습니다
• tailwind 4v 사용하여 구현하였습니다.
• zod 사용해서 인풋 상태를 관리하였습니다.
• React-Querydml 의 onMutate사용해서 변경 시 낙관적 업데이트 적용해보았습니다.

스크린샷

멘토에게

• 서버상태와 클라이언트 상태를 분리해보려했는데 잘 된건지 모르겠습니다
• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.