? 할 일 관리(Todo) 프로젝트

배포 주소: https://romantic-ride-8a57b7.netlify.app/

구현 내용

1. 할 일(TODO)와 완료한 일(DONE)의 상태를 언제든지 교체합니다.

• 할 일의 경우, 우측에 완료 버튼을 누르면 완료처리가 되어 완료한 일로 옮겨집니다.
• 완료한 일의 경우, 우측에 취소 버튼을 누르면 완료처리가 취소되고 다시 해야할 일로 옮겨집니다.

2. ( + ) 버튼을 통해 새로운 할 일을 추가합니다.

• 버튼을 누르면 새로운 할 일을 작성할 수 있는 영역이 나타납니다. 해당 영역은 버튼을 다시 누르기 전까지 계속 존재합니다.
• 할 일을 추가하면 입력한 내용이 초기화됩니다.

3. ( 연필 ) 버튼을 통해 할 일을 수정할 수 있는 수정 모드로 진입합니다.

• 수정 모드로 진입 시, 각 할 일의 우측에 수정 버튼이 나타납니다. 수정 버튼을 누르면 해당 할 일의 제목을 변경할 수 있습니다.
• 수정 모드는 ( 연필 ) 버튼을 다시 누르거나, 새로운 일 추가 또는 삭제 모드로 들어가기 전까지 계속 존재합니다.

4. ( 휴지통 ) 버튼을 통해 할 일을 삭제할 수 있는 삭제 모드로 진입합니다.

• 삭제 모드로 진입 시, 각 할 일의 우측에 삭제 버튼이 나타납니다. 삭제` 버튼을 누르면 해당 할 일을 삭제합니다.
• 삭제는 할 일(TODO)와 완료한 일(DONE) 모두 가능합니다.
• 삭제 모드는 ( 휴지통 ) 버튼을 다시 누르거나, 새로운 일 추가 또는 수정 모드로 들어가기 전까지 계속 존재합니다.

5. 수정 시간은 YY/MM/DD h:mm A 처럼 나타납니다.
6. 등록한 할 일/완료한 일은 시간 오름차순으로 정렬됩니다.

GitHub

View Github