[나작프] 003. Todo List(1)

김현주·2022년 5월 25일
0

나의작은프로젝트

목록 보기
5/9

1. 구현할 기능

  1. Todo Item 생성
  2. Todo Item 삭제
  3. Todo Item 수정
  4. 지정된 색으로 배경색 변경

2. 화면 구성

  1. 제목
  2. 할 일을 적는 input
  3. 할 일을 추가하는 button
  4. todo item을 담을 List
  5. 2.에서 쓴 input의 내용을 보여주는 todoitem
  6. checkbox 클릭시 그에 해당하는 todoitem에 line-through를 준다.
    7. + 버튼 클릭시 todoitem을 수정한다.
  7. 🔺버튼 클릭시 todoitem을 수정input과 ✔️버튼이 나온다.
    7-1. ✔️버튼을 클릭하면 수정이 완료된다.
  8. x 버튼 클릭시 todoitem을 삭제한다.
  9. 지정된 색상버튼을 클릭하면 배경색이 바뀐다.(기본색은 흰색)

profile
✨프론트엔드 개발자가 되기 위한 독학러✨

0개의 댓글