26. 폼으로 댓글 기능 구현(댓글 작성 폼 구현)
● 댓글 작성 폼 구현
댓글 작성 폼을 위한 테스트 코드 작성
비로그인시 댓글 입력 폼이 안 보이게 하고 로그인을 해야지만 Log in 버튼이 보여야 한다.
당연하게도 관련된 템플릿을 수정하지 않았으므로 테스트에 통과하지 못한다.
로그인 상태에 따라 댓글 입력란 혹은 로그인 버튼 나타내기
post_detail.html 파일에서 comment 폼에 해당하는 곳을 수정한다. if문 이용으로 로그인시 폼이 보이고 비로그인시 모달을 나타낼 수 있는 버튼을 만들어 본다. 모달은 내비게이션 바에 정의되어 있다.
data-toggle과 data-target을 내비게이션 바의 로그인 버튼과 동일하게 설정하여 버튼 클릭시 로그인 모달이 나타나게 만든다.
CommentForm 구현
forms.py 만들고 필드 추가
models.py에서 Comment 모델을 불러오고 django의 forms도 import한다. models에 정의되어 있는 fields 중 몇 개만 쓰고 싶다면 fields를 사용하고 몇 개만 빼고 싶다면 exclude를 사용한다.
views.py 수정 후 CommentForm 적용
위에서 수정한 폼을 PostDetail 클래스에 넘겨준다. CommentForm 클래스를 import하고 PostDetail 클래스의 get_context_data() 함수에서 CommentForm을 comment_form이라는 이름으로 넘긴다.
그 후 CommentForm 클래스을 담은 comment_form을 사용 할 수 있도록 post_detail.html을 수정하고 crispy를 사용하여 보기 좋게 해준다
urls.py 수정하여 new_comment 경로 추가
urls.py를 수정하여 POST로 보낸 comment_form의 내용을 토대로 Comment를 만들 수 있도록 한다.
URL에 있는 pk로 포스트를 찾는다. FBV로 만들것 이므로 views. 뒤에는 소문자로 작성하도록 한다.
new_comment() 함수를 views.py에 구현한다.
# 1
비로그인시 댓글 폼을 보이지 않게 설정하였지만 비정상적인 방법으로 접근시 PermissionDenied로 접근을 차단한다.
# 2
get_object_or_404는 객체가 존재하지 않을시 get()을 사용하여 404 예외를 발생시키는 기능을 한다.
new_comment 함수는 인자로 pk를 받으며 이 pk 값으로 댓글을 달 포스트를 쿼리를 날려 가져온다
# 3
<submit> 버튼 클릭시 POST 방식으로 전달한다.
# 4
POST 방식으로 서버에 요청이 들어온다면 그 정보를 CommentForm로 가져오고 comment_form에 저장한다.
# 5
폼이 유효하다면 새로운 레코드를 만들어 DB에 저장한다. .save(commit=False)는 바로 DB에 저장하지 않게 해주며 특정 동작을 실행시킨 후 저장되기를 원할 때 사용하는 것이다. post 필드, author필드를 채운 후에 저장이 된다.
# 6
comment의 URL로 redirect한다. 댓글이 작성되어 있는 위치로 브라우저가 이동하게된다.
csrf_token 적용
csrf_token을 적용하지 않았을시 403오류가 발생한다. 403오류는 클라이언트의 요청이 도달하였으나 서버가 접근을 거부하고 반환할때 생기는 오류다.
django는 {% csrf_token %} 사용시 form 안에 무작위 토큰을 input 값으로 부여하고 서버에 POST로 들어온 값을 확인할 때 토큰 값이 일치하는지 확인한다.
마지막으로 확인해 보니 입력칸이 무려 2 개나 있다. post_detail.html 파일을 수정해 본다.
