todolist
├─ src
│ ├─ App.jsx
│ ├─ component: 컨테이너 컴포넌트 폴더
│ │ ├─ CompletionList.jsx: 완료한 리스트
│ │ ├─ InputForm.jsx: 할일 추가 컴포넌트
│ │ ├─ ModeBtn.jsx: 모드 변경 컴포넌트
│ │ ├─ Todo.jsx: 리스트 안에 할일
│ │ └─ TodoList.jsx: 미완료한 리스트
│ ├─ index.css
│ └─ main.jsx
├─ tailwind.config.js
├─ vite.config.js
└─ yarn.lock
기능
- UI 구현하기
완료 - Todo 추가 하기
완료 - Todo 삭제 하기
완료 - Todo 완료/취소 상태 변경하기 (진행중 ↔ 완료)
완료 - 할일 수정 기능
완료 - localStorage에 정보를 담아서 활용하기
완료 - 다크모드 화이트모드 (시간이 남으면)
완료
repository clone
$ git clone실행
$ yarn start브라우저 열기
Local: http://localhost:5173/