문제 요구 사항

1. Todo.jsx

• todoList의 CRUD를 관여하고, prop으로 전달되는 함수를 최적화 합니다.
  • handleAdd, handleToggle, handleDelete, handleEdit, handleFilterChange
• todoList의 데이터 필터링을 관여하는 계산 변수를 최적화합니다.
  • filteredTodos

2. TodoFilter.jsx

• 컴포넌트를 최적화합니다.

3. TodoForm.jsx

• 기존 onChange로 동작하며 리렌더링이 발생하는 input요소를 useRef를 활용하여 최적화합니다.
• 컴포넌트를 최적화합니다.

4. TodoItem.jsx

• 기존 onChange로 동작하며 리렌더링이 발생하는 input요소를 useRef를 활용하여 최적화합니다.
• 컴포넌트를 최적화합니다.

5. TodoList.jsx

• 컴포넌트를 최적화합니다.

6. TodoStats.jsx

• todolist의 통계를 관여하는 계산 변수를 최적화합니다.
  • stats
• 컴포넌트를 최적화합니다.