[AIBE3/3팀/이해민] TODO APP 만들기 완료

[haemin4738]

📝 React Todo App

할 일 목록을 간단하고 직관적으로 관리할 수 있는 Todo 애플리케이션입니다.

---

✨ 주요 기능

• 할 일 추가, 수정, 삭제
• 할 일 완료 여부 체크
• localStorage 기반 데이터 저장
• TypeScript 사용
• 컴포넌트/로직 분리 및 커스텀 Hook 구조화
• CSS를 통한 반응형 UI

---

📸 페이지 미리보기

✅ Todo List

---

⚙️ 기술 스택

기술	설명
React	UI 라이브러리
TypeScript	정적 타입 언어
localStorage	브라우저 저장소
Vite	빠른 개발 서버 및 번들러 (프론트엔드 환경)

---

📁 프로젝트 구조 (예시)

src/
├── components/         # 재사용 가능한 UI 컴포넌트
│   └── TodoList
│       └──  App.css
│       └── TodoList.tsx
│       └── TodoItem.tsx
│       └── types.ts
├── hooks/              # 커스텀 훅
│ └── useTodos.ts
│ 
├── utils/              # Zustand 기반 상태관리
│ └── storage.ts
├── .prettierrc         # Prettier 설정
├── App.tsx             # 라우팅 구성
└── main.tsx            # 엔트리포인트

---

🚀 실행 방법

# 패키지 설치
npm install

# 로컬 실행
npm run dev

[chan808]

css 컴포넌트로 깔끔하게 정리한 부분도 좋고 타입스크립트 문법들 접하게 되어 좋습니다!

[JaeSeungJae]

수고 많으셨습니다!
컴포넌트 분리를 깔끔하게 하셔서 나중에 코드를 리팩토링하거나 기능 추가같은 부분에서 원활하게 될 것 같습니다.
또 타입스크립트를 쓰신것도 코드적으로 좋았던 것 같습니다!

[yhcho14]

타입스크립트 사용 / 디자인 모두 좋은 것 같습니다

[get783]

• Todo 타입을 별도의 types.ts로 분리해주신 부분이 인상적입니다! 😊
• 디자인도 깔끔합니다

[Zeri-Time]

이벤트 핸들러 esc까지 구현한것이 마음에 듭니다. 다음에 작성할때 참고하겠습니다!
css를 반응형으로 디자인해서 모바일까지 신경 쓰신게 보입니다. 👈
Todo App에 날짜를 추가하는것도 좋은 생각인것 같습니다.
코드가 전체적으로 간결하고 깔끔합니다. 수고하셨습니다!! 👍