const response = await fetch('url {
headers: {
/**content-type 이나 Authorization 같은 내용들 */
},
method: '메소드', /**GET POST PUT PATCH DELETE 등등의 메소드 형식*/
body: JSON.stringify(data), // body의 데이터 유형은 반드시 "Content-Type" 헤더와 일치해야 함
})
/**JSON 형식으로 변경*/
response_json = await response.json()
의외로 데이터를 가져오는거나 주는거는 위에 적힌대로 형식대로 하면 되게 편하게됬지만....
response_json.forEach(e => {
document.getElementById('todo').innerHTML += "<details id='todo" + e.id + "' open></details>"
todo = document.getElementById('todo' + e.id)
todo.innerHTML = '<summary>' + e.id + '. ' + e.title + '</summary>' +
'<p>' + '내용:' + e.content + '</p>' +
'<p>수행여부:<input type="checkbox" id=is_done' + e.id + ' name="is_done" value="' + e.is_done + '" onclick=is_done(' + e.id + ',' + e.is_done + ')></p>' +
'<p><button onclick=tododelete(' + e.id + ')>삭제</button></p>'
if (e.is_done == true) {
console.log('실행 되었습니다')
todo.innerHTML = '<summary>' + e.id + '. ' + e.title + '</summary>' +
'<p>내용:' + e.content + '</p>' +
'<p>완료시간:' + e.completion_at + '</p>' +
'<p><button onclick=tododelete(' + e.id + ')>삭제</button></p>'
}
});
바닐라 js가 나한테 엄청난 고통을 줬다....
'내일배움 캠프 > TIL' 카테고리의 다른 글
코딩테스트 겹치는 선분의 길이 (0) | 2023.05.03 |
---|---|
vue를 이용해서 게시글 띄우는 코드 바꾸기 (0) | 2023.05.02 |
파스칼의 삼각형 재귀함수 (1) | 2023.04.26 |
createsuperuser 오류 발생... (0) | 2023.04.25 |
2023 04 24 poetry가상환경 설정중 생긴 오류 (1) | 2023.04.24 |