KDT 단기심화 TodoList

기술 스택

• Next.js 15
• React 19
• TypeScript
• Zustand
• Vanilla CSS
• Framer Motion

사용 방법

• 기획 요구사항에 서술된 것과 일치
• 모든 todo와 done의 name은 겹치지 않는다고 가정

평가 체크리스트

공통

• [v] 컬러 시스템 설정: 디자인 시안에 따른 컬러 시스템이 구현되었나요?
• [v] 공용 컴포넌트 작성: 공통적으로 사용되는 UI 요소가 재사용 가능한 컴포넌트로 작성되었나요?
• [v] 반응형 웹 디자인:
  • [v] 모바일 레이아웃에서 정상적으로 작동하나요?
  • [v] 태블릿 레이아웃에서 정상적으로 작동하나요?
  • [v] 데스크탑 레이아웃에서 정상적으로 작동하나요?

할 일 목록 페이지(/)

• [v] 목록 조회 기능:
  • [v] 로고 버튼을 클릭했을 때 / 페이지로 이동(새로고침)이 되나요?
  • [v] 진행 중인 할 일과 완료된 할 일이 구분되어 표시되나요?
• [v] 할 일 추가 기능:
  • [v] 입력창에 할 일을 입력하고 추가하기 버튼을 클릭하거나 엔터를 눌렀을 때 새로운 할 일이 생성되나요?
• [v] 할 일 완료 처리:
  • [v] 진행 중인 할 일 항목의 체크박스를 클릭했을 때 완료 상태로 변경되나요?
  • [v] 완료된 할 일 항목의 체크박스를 클릭했을 때 다시 진행 중 상태로 변경되나요?

할 일 상세 페이지(/items/{itemId})

• [v] 할 일 수정 기능:
  • [v] 할 일 항목의 이름을 수정할 수 있나요?
  • [v] 할 일의 진행 상태를 수정할 수 있나요?
  • [v] 메모를 추가할 수 있나요?
  • [v] 이미지를 첨부할 수 있나요? (이미지 파일 이름은 영어로만 이루어지고, 크기는 5MB 이하인가요?)
  • [v] 수정 완료 버튼을 클릭했을 때 수정 사항이 반영되고 할 일 목록 페이지로 이동되나요?
  • [v] 다시 할 일을 클릭했을 때 추가된 메모와 이미지가 잘 보이나요?
• [v] 할 일 삭제 기능:
  • [v] 삭제하기 버튼을 클릭했을 때 할 일이 삭제되고, 할 일 목록 페이지로 이동되나요?

배포

• [v] 배포한 링크가 배포한 계정이 아닌 다른 계정으로도 접근이 되나요?