231013 [DAY19] VanillaJS를 통한 자바스크립트 기본 역량 강화 1 (8)

To do App 만들기

 

기존 simple todo list 에서 업그레이드 된 TodoApp을 만들 것이다.

• users api를 통해 사용자 목록을 그리고, 클릭하면 해당 사용자의 todo 목록을 가져온다.
• 할 일을 추가하면 화면에 추가되고, API 호출을 통해 서버에도 추가된다.
• TODO를 추가하고 삭제하는 동안 낙관적 업데이트를 사용한다.
• 서버와 통신하는 동안 서버와 통신중임을 알리는 UI적 처리를 한다.

 

TodoList 컴포넌트 구현

• 특정 유저의 todo list 불러오기
• 추가 및 삭제하기
• 클릭 시, 완료처리하거나 완료처리 취소하기