Modal : 할 일 (요구사항)

[Dev-Duke-Seo]

공통

• 제시된 폰트, 컬러 시스템 적용
• 재사용성을 위해 공용 컴포넌트 사용
• 반응형 웹 디자인을 구현

할 일 카드 모달(/dashboard/{dashboardid})

• 만들어진 카드 정보를 보여줍니다.
• 댓글 input에 값이 비어있으면 '입력' 버튼이 비활성화 됩니다.
• 댓글 input에 값을 입력하고 '입력' 버튼을 누르면 댓글이 남겨집니다.
• 댓글은 무한스크롤로 이어집니다.
• 내가 남긴 댓글에 '수정' 버튼을 누르면 내용을 수정할 수 있습니다
• 내가 남긴 댓글에 '삭제' 버튼을 누르면 내용을 삭제할 수 있습니다
• 오른쪽 상단 케밥을 누르면 드롭다운으로 수정하기, 삭제하기를 고를 수 있습니다.
• '수정하기' 버튼을 누르면 할 일 수정 모달이 나타납니다.
• '삭제하기' 버튼을 누르면 해당 카드가 삭제됩니다

할 일 수정 모달(/dashboard/{dashboardid})

• 만들어진 카드 정보로 input이 기본값으로 채워집니다.
• 값이 하나라도 바뀌면 '수정' 버튼이 활성화 됩니다.
• '수정' 버튼을 누르면 해당 카드에 수정된 정보가 반영이 됩니다.
• 마감일은 날짜 입력 라이브러리를 사용해서 입력을 받아주세요.