/TodoList-TS

Primary LanguageTypeScript

todolist

소개


​ -To-Do List App 만들기 (UI)

-기술 스택: React, TypeScript, styled-components, DnD

-배포 주소: Momentum


설치 guide

git 과 npm을 사용하여 설치해주세요

$ yarn

$ yarn start


구현사항


  • localStorage를 이용한 데이터 저장
  • Task 목록 조회, 새로운 Task 추가, Task 삭제
  • state를 통한 진행 과정 관리
  • flag를 통한 중요도 기능
  • flag, 날짜 등을 통한 정렬
  • 요소 접근을 통한 Drag and Drop으로 Task 순서 변경 (데이터를 변경하지 않고 화면 내에서 Task의 순서만 변경 가능하도록 구현)

스크린샷 2021-08-27 오후 10 17 23