Django Project ToDoList - 5
개요
Django 한 그릇 뚝딱교재의 내용에서 멀티캠퍼스 강의에 맞게 일부 수정함- 2019년 버전이고 현재는 2023년이기 때문에 소스코드 변경 사항이 필요할 거 같아서 글을 남김
교재 홍보

Step 01 - 이전 내용 확인
- 이 글을 처음 봤다면, 이전 블로그를 참조하기를 바란다.
Step 02 - 데이터 삭제 방법 개요 및 HTML 수정
- 완료 버튼을 눌렀을 시, 데이터를 삭제하는 기능을 구현한다.
- HTML 코드를 살펴보면 완료 버튼이 존재한다.
- 완료 버튼을 클릭할 때,
form태그 내에 있는input태그의 값이 함께 넘어오고,input의value값을 이용해DB에서 알맞은 데이터를 찾아 삭제한다.
- 완료 버튼을 클릭할 때,
<div class="toDoDiv">
<ul class="list-group">
{% for todo in todos %}
<form action="" method="GET">
<div class="input-group" name='todo1'>
<li class="list-group-item">{{ todo.content }}</li>
<input type="hidden" id="todoNum" name="todoNum" value="{{ todo.id }}"></input>
<span class="input-group-addon">
<button type="submit" class="custom-btn btn btn-danger">완료</button>
</span>
</div>
</form>
{% endfor %}
</ul>
</div>
form 태그의 action은 아직 정의되지 않았는데, 완료 버튼을 클릭 시, form 태그의 action값을 설정하도록 한다.

















