git clone https://github.com/lafest/task-manager.git
cd task-mamager
npm install
npm startReact를 이용해 개발했습니다.
React-beautiful-dnd 와 maetrial UI 를 사용했습니다.
유명한 일정관리 소프트웨어인 Trello에서 영감을 받아 디자인했습니다.
8번에서 추가할 때 설명, 기한, 우선순위를 선택해야한다고 하는데, 각각의 우선순위 리스트 최하단에 추가 버튼을 만들어서 설명, 기한만 입력해 추가하면 해당 리스트에 할 일이 추가되는 방식이 더 보기 좋을 것 같아서 그렇게 했습니다.
task는 기본적으로 완료 여부를 표시하는 체크박스, 마감일, 설명 으로 구성되어있고, mouseover이벤트 발생시 오른쪽 하단에 수정, 삭제 버튼이 보이도록 만들었습니다.
하단의 끝난 일 목록 보기 버튼을 누르면 우선순위 5단계 리스트 옆에 끝난 일 리스트가 나옵니다. 다시 클릭 시 사라집니다.