/react-todo

Primary LanguageTypeScript

Todo 앱을 점진적으로 개발하는 경험을 합니다.

step1

  • 사용자는 할일을 입력하고 추가할 수 있다.
  • 사용자가 추가한 할일이 리스트 형식으로 보여진다.
  • 할일이 없는 경우에는 할일을 추가해주세요 라는 텍스트가 보여진다.

step2

  • 사용자는 할일을 삭제할 수 있다.
    • 할일 텍스트의 우측에 [삭제] 버튼이 추가된다.
  • 중복된 할일이 추가되면 alert를 띄워 사용자에게 알림을 준다.

step3

  • 사용자는 할일을 수정할 수 있다.
    • 할일 텍스트의 우측에 [수정] 버튼이 추가된다.
    • 할일 텍스트를 클릭하면 수정 폼으로 바뀐다.
    • 우측에는 [수정], [취소] 버튼이 생긴다.
  • 사용자는 할일 개수가 몇개인지 텍스트로 확인할 수 있다.