TO DO LIST

GDSC CAU 2기 웹 프론트엔드 챕터에서 진행하는 2번째 프로젝트로, CRUD 기능을 활용할 수 있는 TO DO LIST 어플리케이션을 웹에서 구현하는 프로젝트 입니다.

필수 구현 사항은 CRUD 기능, Web Storage API를 활용한 데이터 유지, 반응형 디자인 이며 추가 구현 사항은 Drag&Drop 기능 구현입니다.

• 기본적인 CRUD 기능을 Javascript로 구현을 하여 Javascript의 기반을 다질 수 있습니다.
• 또한, 다양한 디바이스를 사용하는 시대의 흐름에 맞춰 디바이스의 디스플레이의 종류에 반응하여 그에 맞도록 적절하게 UI 요소들이 유기적으로 배치되도록 반응형 디자인으로 웹 어플리케이션을 구현할 수 있습니다.
• Web Storage API를 통해 브라우저에서 데이터를 저장하는 법에 대해 알 수 있습니다.

---

필수 구현 사항

1. CRUD

• CREATE : ToDo 추가
• READ : ToDo 조회
• UPDATE : ToDo 수정
• DELETE : ToDo 삭제
• Todo 업데이트 즉각 UI 반영

2. Web Storage API 사용

• Web Storage API를 활용하여 TODO 데이터 유지
  • 일상님이 작성해주신 포스팅을 참고해주세요!
  • 브라우저에 데이터 저장하기

3. 반응형 디자인

• media query를 사용한 mobile 중심 반응형 디자인
  • mobile UI → desktop UI 로 만들어주세요!

---

부가 구현 사항(선택)

Drag & Drop

• Drag & Drop으로 투두 저장 순서 변경 및 업데이트
• Drag & Drop으로 투두 칸반 보드 형태로 제작