[AIBE3/3팀/조용현] TODO APP 만들기 완료

[yhcho14]

[AIBE3/3팀/조용현] TODO APP 만들기 완료

---

✅ React Todo List 만들기 (Vite 기반)

🎯 프로젝트 개요

이 과제는 React와 Vite를 사용해 간단한 Todo List를 구현하는 프로젝트입니다.

컴포넌트 구조와 상태 관리를 이해하고, localStorage를 활용한 데이터 유지 기능을 구현합니다.

할 일을 입력하면 목록에 추가되고, 삭제할 수 있으며, localStorage에 저장되어 새로고침해도 유지됩니다.

---

메인 화면 스크린샷

사용 기술스택

• React
• Vite
• JavaScript
• Bootstrap CSS

🧩 전체 기능 요약

기능	설명
할 일 추가	텍스트 입력 후 버튼 클릭 시 리스트에 항목 추가
할 일 삭제	항목의 삭제 버튼 클릭 시 해당 항목 제거
완료 체크	체크박스를 클릭하면 완료 여부 표시 (스타일 변화 포함)
localStorage 저장	추가/삭제/체크 시 변경된 todo 상태를 localStorage에 저장
초기 로드	앱 실행 시 localStorage에서 데이터를 불러와 렌더링

[JaeSeungJae]

고생 많으셨습니다!
이전에 배운 방식을 모두 응용하셔서 구현을 잘한 것 같습니다.

[chan808]

배웠던 기능들 잘 포함돼있고 localStorage도 잘 구현된 것 같습니다!

[haemin4738]

• lastId 는 렌더링될때 초기화 될 수있는걸로 알고 있습니다

  const lastId = useRef(parseInt(getStorage('id', 4)))
  같이 useRef 이용하는게 더 좋을 것 같습니다.

• localStorage를 활용해 상태 관리가 잘 되어 있습니다.고생하셨습니다! 😊

[get783]

• 전체적으로 디자인도 깔끔하고, 코드도 잘 정리되어 있어서 좋았습니다 😊
• lastId의 관리 방식을 useRef로 개선하면 더 좋을 것 같습니다!