Commentapp 마무리

1. comment 시각화 하기

1) detail.html에 for 문을 이용하여 구현

(for 문의 comment에 접근해야 하는 comment를 대입 (with 문 이용))

2) commentapp 하위에 detail.html 생성하기

(댓글을 적은 닉네임과 적은 날짜, 그리고 그 내용을 출력하도록 하는 html 파일이다. 실행 결과는 아래와 같다.)

+추가 수정

(style을 달리 하여 댓글간의 간격이나 테두리 margin값 그리고 둥근 정도 테두리 연하기 정도를 조절하였다.)

2. CommentDelete 구현하기

1) views.py에 CommentDeleteView 구현

(url도 추가로 설정)

2) detail.html에 댓글 삭제 링크 추가하기

(해당 댓글의 pk값을 전달받아 delete.html로 이동)

+추가로 detail에서 항상 이렇게 보여주면 안됨 (접속 유저와 comment 유저와 동일한지 확인하는 과정이 필요)

(Delete 링크가 활성화 됨)

(추가적으로 부트스트랩을 이용하여 버튼 모양을 바꿔주었다.)

3) delete.html 구현

(해당 comment를 삭제할 것인지 물어보고 버튼을 누르면 삭제 하는 역할을 하는 html 구현)

(결과는 이렇다, 그리고 제출을 누르면)

(원래 있던 댓글이 사라진 것을 볼 수 있다.)

4) decorator 추가 : comment의 주인인지 아닌지 확인하기 위함

(articleapp 에서의 decorator를 가져와서 해당 부분만 comment관련하게 fix하였다.)

5) decorator 적용

6) 로그아웃시 delete 버튼이 보이지 않게 된다.

7) 데코레이터 적용 이후 다른 유저의 댓글 삭제를 주소창으로 접근하려고 하면 아래와 같이 정상적으로 거부되는 것을 확인 가능하다.