- 삭제 버튼을 눌렀을 때는 사용자 실수일 수 있으니 다시 한번 confirm 할 수 있도록 해주시면 더 좋겠습니다.
- 사용자입력을 받고 제출할 수 인터페이스(버튼)가 있는 경우 div 태그보다는 form 태그를 사용해주시는 것을 권장드립니다. input에서 엔터와 버튼클릭을 모두 submit 이벤트로 처리할 수 있어 UX에도 도움되며 semantic 태그로 코드 가독성에도 도움 됩니다.
- 사용자입력을 받고 제출하는 UI는 TodoForm.jsx 컴포넌트로 분리해서 newTitle과 newDescription 상태는 그안에서 별도로 관리하면 좋겠습니다. 타이핑할 때 마다 전체 컴포넌트가 다같이 리렌더링되기보다는 Form 컴포넌트안에서만 리렌더링되도록 제한시키는 것이 좋겠습니다.
- head-section 과 card-container 는 반복되는 코드로 재사용성을 고려해서 별도의 TodoList.jsx 컴포넌트로 분리하시면 좋겠습니다.