이 프로젝트의 Tech Stack
reactjsjavascriptreduxsass
Todo List
Todo List는 ReactJS 기반으로 만들어진 Todo리스트 관리 SPA입니다. Redux로 이벤트관리를 하며, SASS로 스타일을 작성하였습니다. 2019 Summer Coding - 여름방학 스타트업 인턴 프로그램의 과제로 진행한 개인 프로젝트입니다.
2019년 5월 13일 ~ 2019년 5월 19일 (6일)
Tech Stack
  • reactjs
  • javascript
  • redux
  • sass
프로젝트 등급 과제
  • project image
Project 세부내용

프로젝트 정보

  • CRA를 이용하여 프로젝트 생성 후, React를 이용하여 구현하였으며, Redux로 이벤트를 관리합니다.
  • SASS로 스타일을 작성하였으며, classNames라이브러리를 사용하여 각 컴포넌트에 스타일을 적용하였습니다.

기능

  • 메인화면 -- 하단 버튼으로 새로운 Todo리스트를 등록 할 수있습니다. -- Todo리스트의 체크박스 버튼을 눌러 완료 처리 및 완료 처리 취소를 할 수있습니다. -- Todo리스트에 마우스를 올려 수정 삭제 버튼으로 해당 Todo리스트를 수정, 삭제 할 수있습니다. -- 마우스를 드래그 하여 Todo리스트의 순서를 바꿀 수있습니다. -- 종료 날짜가 지났을 경우 Toast메시지가 표시됩니다.

데모 및 소스