db.json 파일 만들기
https://jsonlint.com/
[{
"todo": "커피마시기",
"status": false
}, {
"todo": "청소하기",
"status": false
}, {
"todo": "운동하기",
"status": false
}, {
"todo": "요리하기",
"status": false
}]
제이슨파일을 fetch(가져와) 사용
window.onload = function () {
if (sessionStorage['todolist'] != null) {
dataJSON = JSON.parse(sessionStorage['todolist']);
buildCheckboxes(dataJSON);
}
else {
makeDataRequest();
}
}
function makeDataRequest() {
const url = "db.json";
fetch(url)
.then(function (res) {
return res.json();
})
.then(function (data) {
//console.log(data);
dataJSON = data;
buildCheckboxes(dataJSON);
})
}
fetch then 사용법