📝 To Do List

이 프로젝트는 사용자가 해야 할 일을 쉽게 관리할 수 있는 To Do List이다. 사용자는 할 일을 추가하고, 수정하고, 삭제할 수 있으며, 완료된 항목을 표시할 수 있다. 또한, 드래그 앤 드롭 기능을 통해 할 일의 순서를 자유롭게 변경할 수 있다. 모든 데이터는 LocalStorage에 저장되므로, 페이지 새로고침 후에도 데이터가 유지된다.

💡 주요 기능

1. ➕ 할 일 추가

• 입력창에 할 일을 입력한 후 입력 버튼을 눌러 새로운 할 일을 목록에 추가할 수 있다.

2. 📝 할 일 수정

• ✏️ 버튼을 클릭하면 해당 할 일 항목을 수정할 수 있는 입력창이 나타난다.
• 수정이 완료되면 ✔ 버튼을 눌러 수정한 내용을 저장할 수 있다.

3. ❌ 할 일 삭제

• 각 할 일 항목 옆의 ❌ 버튼을 눌러 개별 할 일을 삭제할 수 있다.

4. ✅ 할 일 완료

• 체크박스를 클릭하면 해당 할 일이 완료되었음을 나타내는 취소선이 생긴다.
• 체크박스를 다시 클릭하면 완료 상태가 해제되며 취소선이 사라진다.

5. 🗑️ 전체 삭제

• 전체 삭제 버튼을 클릭하면 현재 할 일 목록에 있는 모든 할 일을 삭제할 수 있다.

6. 🔀 할 일 순서 변경 (드래그 앤 드롭)

• 할 일 항목을 드래그하여 원하는 위치에 드롭함으로써 목록의 순서를 쉽게 변경할 수 있다.

🛠️ 사용 기술

• React: 컴포넌트 기반의 프론트엔드 라이브러리로, UI를 효율적으로 구성하고 상태 관리를 쉽게 할 수 있다.
• LocalStorage: 브라우저의 로컬 스토리지에 데이터를 저장하여, 새로고침 후에도 할 일 목록과 상태가 유지된다.