vue3 기반 vuex와 vue-router를 사용하여 만들어 보았습니다. 😎
Title, Content에 각각 내용을 입력하고 우측 하단의 [ + ] 버튼을 누르면 Todo가 등록됩니다.
등록된 todo는 진행 중 목록에 들어가게 됩니다.
진행 중인 상태를 완료로 바꾸려면 ✅ 버튼을 눌러 보세요.
만약 삭제를 원한다면 🗑️ 버튼을 눌러 삭제할 수도 있습니다!
완료된 todo는 완료 목록에 들어가게 됩니다.
완료된 상태에서 ↩️ 버튼을 누르면 다시 진행 중 상태가 됩니다.
각 todo들은 고유의 ID를 가지고 있습니다.
🔍 버튼을 누르면 해당 todo의 고유 ID 경로를 따라 상세페이지로 이동하게 됩니다.
상세페이지에서는 title, content, Id, 완료여부를 확인할 수 있습니다.
진행 중 - Working 노란색 뱃지
완료 - Done 초록색 뱃지
이전 화면(메인)으로 돌아가려면 🏠 버튼을 눌러주세요!