tptkds / ToDoList

To-Do List

json-server 라이브러리와 fetchAPI를 함께 사용해서 구현했습니다.

데이터 가져오기

DOMContentLoaded 이벤트를 사용해 HTML 문서를 모두 불러왔을 때, fetchAPI를 사용해 GET요청으로 받아온 데이터를 JSON으로 변환해서 가져오는 것으로 구현

데이터 추가하기

fetchAPI를 사용해 POST 요청으로 json 파일에 데이터 추가 구현

할 일 완료 상태 변경하기

fetchAPI를 사용해 PATCH 요청으로 json 파일의 데이터 변경 구현

할 일 수정하기

fetchAPI를 사용해 PATCH 요청으로 json 파일의 데이터 변경 구현

할 일 삭제하기

fetchAPI를 사용해 DELETE 요청으로 json 파일의 데이터 삭제 구현

페이지네이션 구현

중요 표시