점프투플라스크 206쪽 / data-uri?

안녕하세요 플라스크 실습을 하다 궁금한 점이 생겨 질문을 드립니다.

206쪽 -question_detail.html 템플릿 파일을 수정하는 중,
답변 댓글에 대한 수정과 삭제 링크를 만드는 코드에서 궁금한 점이 있습니다.

<a href ="{{url_for('answer.modify', answer_id = answer.id) }}" class="btn btn-sm btn-outline-secondary">수정</a>
<a href = "#" class="delete btn btn-sm btn-outline-secondary" data-uri="{{ url_for('answer.delete', answer_id = answer.id) }}">삭제</a>

여기서 수정은 바로 href 로 연결해주었는데, 삭제는 data-uri에 delete 주소를 담아준 이유는 무엇일까요?

이 외에도 앞서 data-uri 속성이 반복해서 나오는데.. 언제 어떻게 활용되는 건지 잘 모르겠습니다. ^^;

likemika 513

M 2021년 3월 8일 2:15 오후

목록으로
1개의 답변이 있습니다. 1 / 1 Page

"삭제" 버튼의 경우 "정말로 삭제하시겠습니까?" 와 같은 확인창을 보여 주어야 합니다.
만약 수정과 동일하게 삭제 버튼 클릭시에 삭제를 실행해 버리면 "확인" 과정이 없기 때문에 좋은 방법은 아닐겁니다.

따라서 확인창을 보여주려면 자바스크립트로 확인창을 보여 준후 "확인" 과정을 거쳐서 삭제를 진행해야 합니다.
이렇게 하기 위해서 data-uri 에 실제 삭제시키는 URL을 등록해 놓은 후 확인 창에서 "확인"을 했을때 해당 URL을 호출하게 한 것입니다.

이 부분이 책에 설명되어 있는데 좀 설명이 부족한가 보네요 ^^

박응용

2021년 3월 8일 2:14 오후

자세한 설명 감사합니다^^ - likemika님, 2021년 3월 9일 1:53 오후 추천 , 대댓글