숙제 : 댓글 모델 만들기
지금까지 Post 모델만 있었죠. 독자들에게 피드백과 코멘트를 받을 수 있는 댓글을 만들어보면 어떨까요?

Comment 모델 만들기

blog/models.py 파일을 열어, 파일의 맨 마지막에 아래 코드를 추가해주세요.
1
class Comment(models.Model):
2
post = models.ForeignKey('blog.Post', on_delete=models.CASCADE, related_name='comments')
3
author = models.CharField(max_length=200)
4
text = models.TextField()
5
created_date = models.DateTimeField(default=timezone.now)
6
approved_comment = models.BooleanField(default=False)
7
8
def approve(self):
9
self.approved_comment = True
10
self.save()
11
12
def __str__(self):
13
return self.text
Copied!
각 필드 타입들에 대한 설명은 장고걸스 튜토리얼의 Django 모델 장에서 다뤘으니 다시 읽고 돌아와도 좋아요.
이번 장에서는 새로운 필드 타입을 써볼게요.
  • models.BooleanField - 참/거짓(true/false) 필드랍니다.
models.ForeignKeyrelated_name 옵션은 Post 모델에서 댓글에 액서스할 수 있게 합니다.

데이터베이스에 새 모델 테이블 생성하기

자, 데이터베이스에 Comment 모델을 추가할 시간이에요. 그러려면 장고에게 모델 변경내용을 알려줘야 합니다. python manage.py makemigrations blog 명령어를 입력하세요.
1
(myvenv) ~/djangogirls$ python manage.py makemigrations blog
2
Migrations for 'blog':
3
0002_comment.py:
4
- Create model Comment
Copied!
blog/migrations 디렉터리에 새로 마이그레이션 파일이 생성되었어요. 이제 python manage.py migrate blog 명령어로 변경내역을 적용합니다. 다음과 같은 출력이 보일 거예요.
1
(myvenv) ~/djangogirls$ python manage.py migrate blog
2
Operations to perform:
3
Apply all migrations: blog
4
Running migrations:
5
Rendering model states... DONE
6
Applying blog.0002_comment... OK
Copied!
이제 Comment 모델이 데이터베이스 안에 생겼네요! 관리자 패널(admin panel)에서 Commnet 모델에 접근할 수 있다면 멋지겠죠?

관리자 패널에 Comment 모델 등록하기

관리자 패널에 모델을 등록하기 위해, blog/admin.py로 가서 아래 코드를 추가해주세요.
1
admin.site.register(Comment)
Copied!
아래 코드 바로 밑에 추가하면 됩니다.
1
admin.site.register(Post)
Copied!
파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요. 소스파일은 아래와 같은 내용이어야 합니다.
1
from django.contrib import admin
2
from .models import Post, Comment
3
4
admin.site.register(Post)
5
admin.site.register(Comment)
Copied!
커맨드 라인에서 python manage.py runserver를 입력하고 브라우저에서 http://127.0.0.1:8000/admin/를 열어보세요. Comment 리스트가 보이고, 댓글을 추가 삭제할 수 있을 거예요. 주저하지 말고 댓글을 가지고 놀아보세요.

댓글 보여주기

blog/templates/blog/post_detail.html로 가서 `{% endblock %}
` 태그 바로 전에 아래 코드를 추가하세요.
1
<hr>
2
3
<div data-gb-custom-block data-tag="for"></div>
4
5
<div class="comment">
6
<div class="date">{{ comment.created_date }}</div>
7
<strong>{{ comment.author }}</strong>
8
<p>{{ comment.text|linebreaks }}</p>
9
</div>
10
11
<div data-gb-custom-block data-tag="empty">
12
13
<p>No comments here yet :(</p>
14
15
</div>
Copied!
자 이제 post_detail 페이지의 댓글을 읽을 수 있어요.
좀 더 이쁘게 보이면 좋겠어요. static/css/blog.css파일을 열어 css 코드를 추가해보세요.
1
.comment {
2
margin: 20px 0px 20px 20px;
3
}
Copied!
post_list 페이지에서 각 글마다 달린 댓글 개수도 보여줍시다. blog/templates/blog/post_list.html에 아래 코드를 추가해주세요.
1
<a href="
2
3
<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>
4
5
">Comments: {{ post.comments.count }}</a>
Copied!
이제 아래와 같은 코드가 될 거에요.
1
<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>
2
3
<div data-gb-custom-block data-tag="block"></div>
4
5
6
7
<div data-gb-custom-block data-tag="for"></div>
8
9
<div class="post">
10
<div class="date">
11
{{ post.published_date }}
12
</div>
13
<h1><a href="
14
15
<div data-gb-custom-block data-tag="url" data-0='post_detail'>">{{ post.title }}</a></h1>
16
<p>{{ post.text|linebreaksbr }}</p>
17
<a href="<div data-gb-custom-block data-tag="url" data-0='post_detail'>">Comments: {{ post.comments.count }}</a>
18
</div>
19
</div>
20
21
</div>
Copied!

댓글 작성하기

방문자는 댓글을 읽을 수 있지만, 직접 댓글을 남길 수는 없어요. 댓글을 작성할 수 있게 만들어 봅시다.
blog/forms.py파일의 맨 끝에 아래 코드를 추가하세요.
1
class CommentForm(forms.ModelForm):
2
3
class Meta:
4
model = Comment
5
fields = ('author', 'text',)
Copied!
파일 맨 처음에 Comment 모델을 import 하는 것을 잊지 마세요.
아래 코드를 찾아
1
from .models import Post
Copied!
이렇게 수정하세요.
1
from .models import Post, Comment
Copied!
다음으로 blog/templates/blog/post_detail.html 파일에서 {% for comment in post.comments.all %} 전에 아래 코드를 추가해주세요.
1
<a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='add_comment_to_post'></div>
2
3
">Add comment</a>
Copied!
post_detail 페이지로 가면 에러가 뜰 거에요.
NoReverseMatch
어떻게 고쳐야하는지 알고 있을 거에요! blog/urls.py 파일에서 urlpatterns에 새 패턴을 추가해야죠.
1
url(r'^post/(?P<pk>\d+)/comment/#x27;, views.add_comment_to_post, name='add_comment_to_post'),
Copied!
페이지를 새로고침하면 또 에러가 보일 거에요!
AttributeError
에러를 해결하려면 blog/views.py 파일에서 새로운 뷰를 추가해야해요.
1
def add_comment_to_post(request, pk):
2
post = get_object_or_404(Post, pk=pk)
3
if request.method == "POST":
4
form = CommentForm(request.POST)
5
if form.is_valid():
6
comment = form.save(commit=False)
7
comment.post = post
8
comment.save()
9
return redirect('post_detail', pk=post.pk)
10
else:
11
form = CommentForm()
12
return render(request, 'blog/add_comment_to_post.html', {'form': form})
Copied!
이번에도 파일 맨 처음에 CommentForm 을 import 하는 것을 잊지 마세요.
1
from .forms import PostForm, CommentForm
Copied!
이제 post_detail 페이지로 가보면, "Add comment" 버튼을 확인할 수 있을 거에요.
AddComment
하지만, 버튼을 끌릭하면 이런 게 보이겠죠.
TemplateDoesNotExist
이 에러는 뷰에서 지정된 템플릿이 없다는 에러에요. blog/templates/blog/ 경로에 add_comment_to_post.html이라는 새 파일을 만들고 아래 코드를 작성하세요.
1
<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>
2
3
<div data-gb-custom-block data-tag="block"></div>
4
5
<h1>New comment</h1>
6
<form method="POST" class="post-form">
7
8
<div data-gb-custom-block data-tag="csrf_token">
9
10
{{ form.as_p }}
11
<button type="submit" class="save btn btn-default">Send</button>
12
</form>
13
14
</div>
Copied!
와! 이제 내 블로그 글을 읽은 사람들이 댓글을 남길 수 있게 되었네요!

댓글 관리하기

현재 블로그에 남겨진 모든 댓글들이 post_detail 페이지에 보이네요. 블로그 관리자가 댓글을 승인하거나 삭제할 수 있는 기능이 필요하겠죠. 이제 이 기능을 만들어 봅시다.
blog/templates/blog/post_detail.html 파일에서 아래 코드를 찾아
1
<div data-gb-custom-block data-tag="for"></div>
2
3
<div class="comment">
4
<div class="date">{{ comment.created_date }}</div>
5
<strong>{{ comment.author }}</strong>
6
<p>{{ comment.text|linebreaks }}</p>
7
</div>
8
9
<div data-gb-custom-block data-tag="empty">
10
11
<p>No comments here yet :(</p>
12
13
</div>
Copied!
이렇게 바꾸세요.
1
<div data-gb-custom-block data-tag="for"></div>
2
3
4
5
<div data-gb-custom-block data-tag="if"></div>
6
7
<div class="comment">
8
<div class="date">
9
{{ comment.created_date }}
10
11
12
<div data-gb-custom-block data-tag="if"></div>
13
14
<a class="btn btn-default" href="
15
16
<div data-gb-custom-block data-tag="url" data-0='comment_remove'>"><span class="glyphicon glyphicon-remove"></span></a>
17
<a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='comment_approve'>"><span class="glyphicon glyphicon-ok"></span></a>
18
</div>
19
20
</div>
21
<strong>{{ comment.author }}</strong>
22
<p>{{ comment.text|linebreaks }}</p>
23
</div>
24
25
26
</div>
27
28
<div data-gb-custom-block data-tag="empty">
29
30
<p>No comments here yet :(</p>
31
32
</div>
Copied!
NoReverseMatch 예외가 뜰 텐데요. 이를 comment_removecomment_approve 패턴에 매칭되는 url이 없기 때문이에요.
에러를 해결하려면 blog/urls.pyurl 패턴을 추가해주세요.
1
url(r'^comment/(?P<pk>\d+)/approve/#x27;, views.comment_approve, name='comment_approve'),
2
url(r'^comment/(?P<pk>\d+)/remove/#x27;, views.comment_remove, name='comment_remove'),
Copied!
이제 AttributeError 에러가 또 보일 거에요. 에러를 해결하기 위해, blog/views.py 에 뷰를 추가해주세요.
1
@login_required
2
def comment_approve(request, pk):
3
comment = get_object_or_404(Comment, pk=pk)
4
comment.approve()
5
return redirect('post_detail', pk=comment.post.pk)
6
7
@login_required
8
def comment_remove(request, pk):
9
comment = get_object_or_404(Comment, pk=pk)
10
comment.delete()
11
return redirect('post_detail', pk=comment.post.pk)
Copied!
파일 맨 처음에 Comment를 import하는 것을 잊지 않았겠죠.
1
from .models import Post, Comment
Copied!
모든 것이 잘 작동되네요! 하지만 마지막 한 가지가 남았어요. 현재 post_list 페이지에서는 등록된 모든 댓글의 개수가 보이는데요. 승인된 댓글의 개수만 보이게 수정해봅시다.
blog/templates/blog/post_list.html파일에서 아래 코드를
1
<a href="
2
3
<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>">Comments: {{ post.comments.count }}</a>
Copied!
다음과 같이 수정해주세요.
1
<a href="<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>">Comments: {{ post.approved_comments.count }}</a>
Copied!
그리고 blog/models.py 파일에서 Post 모델에 아래 메서드를 추가해주세요.
1
def approved_comments(self):
2
return self.comments.filter(approved_comment=True)
Copied!
드디어 댓글 기능을 모두 만들었어요! 함께 축하해요. :-)