vs code로 to do list 만들기! - 장고 활용편 (5탄)

2023.07.27 - [python] - vs code로 to do list 만들기! - 장고 활용편 (4탄)

vs code로 to do list 만들기! - 장고 활용편 (4탄)

 

이번 글 역시 이전편에 이어서 시작한다.

 

1. index.html 에 삭제 기능 추가하기

현재 데이터 베이스에 저장되는 기능은 구현이 된 상태지만, 우리가 잘못 입력했다거나 업데이트된 내용을 업로드하게 되면 이전 내용을 삭제해야 하는데 그 기능이 구현되지 않은 상태이다.

그러면 삭제 기능을 추가하면 된다.

삭제 기능을 추가하고 urls에 연결하는 과정은 데이터 베이스에 저장하도록 기능을 설정할 때와 다를 바가 없다.

그럼 지금부터 삭제 기능을 추가해서 진짜 메모장으로 활용해보자

 

index에서 처음에 보이는 빨간 박스 부분을 찾아보면 공백으로 되어있을 것이다. 우리는 이 부분에 삭제 기능을 위해 지정해주자.

그리고 todo.id를 지정하는 것도 잊지 말아야 한다.

아래 botton에 삭제라고 바꿔주는 이유는 아래에서 보여주겠다.

 

2. urls.py로 연결시켜주기

위에서 html 파일을 변경하면서 삭제 기능을 추가했기 때문에 우리가 추가한 삭제 기능을 실현할 수 있도록 연결시켜주자

 

3. views.py 함수 추가하기

삭제 기능에 대한 부분을 함수로 지정해주는데 이 때, 우리는  GET 방식인것을 잘 기억해야한다.

1번의 html 파일을 보면 POST 방식이 아니라 GET 방식을 사용하는 코드를 썼기 때문이다.

html GET 방식인 것만 유의해서 코드를 작성해주면 이제 삭제 기능도 잘 추가된 상태다!

**print 구문은 아래 터미널에서 확인할 수 있도록 하는 코드이다.

 

4. 메모기능 완전 구현

아까 위에서 삭제로 바꿔줬던 부분이 바로 저 버튼 부분이다.