***** React와 바닐라 JS 기반의 초급/중급 수준 구현 과제**

<aside> <img src="/icons/code_pink.svg" alt="/icons/code_pink.svg" width="40px" />

목차

</aside>

🟢 초급 과제

[React] Todo 리스트 앱

사용자가 할 일을 입력하고 관리할 수 있는 간단한 Todo List 애플리케이션을 구현하세요.

제한 시간: 2시간

기술 스택: React (hooks 사용), CSS (styled-components 또는 일반 CSS)

📋 필수 요구사항

• 할 일 항목을 입력하고 추가할 수 있어야 함
• 각 항목은 다음 정보를 포함
  • 텍스트
  • 완료 여부 (체크박스)
• 항목 삭제 기능
• 완료된 항목은 회색 + 줄긋기 처리
• 완료 필터: 전체 / 완료 / 미완료 보기
• localStorage에 저장해서 새로고침해도 데이터 유지
• 컴포넌트를 적절히 분리 (예: TodoItem, TodoList, TodoInput 등)

🧩 선택 과제 (심화)