? 할 일 관리(Todo) 프로젝트
배포 주소: https://romantic-ride-8a57b7.netlify.app/
구현 내용
- 할 일(TODO)와 완료한 일(DONE)의 상태를 언제든지 교체합니다.
- 할 일의 경우, 우측에
완료
버튼을 누르면 완료처리가 되어 완료한 일로 옮겨집니다. - 완료한 일의 경우, 우측에
취소
버튼을 누르면 완료처리가 취소되고 다시 해야할 일로 옮겨집니다.
( + )
버튼을 통해 새로운 할 일을 추가합니다.
- 버튼을 누르면 새로운 할 일을 작성할 수 있는 영역이 나타납니다. 해당 영역은 버튼을 다시 누르기 전까지 계속 존재합니다.
- 할 일을 추가하면 입력한 내용이 초기화됩니다.
( 연필 )
버튼을 통해 할 일을 수정할 수 있는 수정 모드로 진입합니다.
- 수정 모드로 진입 시, 각 할 일의 우측에
수정
버튼이 나타납니다.수정
버튼을 누르면 해당 할 일의 제목을 변경할 수 있습니다. - 수정 모드는
( 연필 )
버튼을 다시 누르거나, 새로운 일 추가 또는 삭제 모드로 들어가기 전까지 계속 존재합니다.
( 휴지통 )
버튼을 통해 할 일을 삭제할 수 있는 삭제 모드로 진입합니다.
- 삭제 모드로 진입 시, 각 할 일의 우측에
삭제
버튼이 나타납니다. 삭제` 버튼을 누르면 해당 할 일을 삭제합니다. - 삭제는 할 일(TODO)와 완료한 일(DONE) 모두 가능합니다.
- 삭제 모드는
( 휴지통 )
버튼을 다시 누르거나, 새로운 일 추가 또는 수정 모드로 들어가기 전까지 계속 존재합니다.
- 수정 시간은
YY/MM/DD h:mm A
처럼 나타납니다. - 등록한 할 일/완료한 일은 시간 오름차순으로 정렬됩니다.