🔍 블로그 상세 페이지 만들기 (Django)
1️⃣ 왜 URL을 동적으로 작성해야 할까?
📌 정적인 URL(/blog/{{ blog.id }})은 관리가 어렵고 유지보수가 힘들어집니다.
📌 Django는 {% url 'name' param %} 형식으로 동적 URL을 사용하는 것을 권장합니다.
→ 템플릿에서 URL 변경 없이도 유지보수가 쉬워짐 💡
2️⃣ 상세 페이지 View 작성 (views.py)
from django.shortcuts import get_object_or_404, render
from blog.models import Blog
def blog_detail(request, pk):
blog = get_object_or_404(Blog, pk=pk)
context = { 'blog': blog }
return render(request, 'blog_detail.html', context)
📌 get_object_or_404() 함수는 해당 pk의 Blog가 없으면 404 에러를 자동 처리해 줍니다.
3️⃣ 상세 페이지 템플릿 작성 (blog_detail.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ blog.title }}</title>
</head>
<body>
<h1>{{ blog.title }}</h1>
<p>{{ blog.content }}</p>
<a href="{% url 'blog_list' %}">목록으로 돌아가기</a>
</body>
</html>
📌 url 'blog_list'로 돌아가기 버튼을 추가해 사용자 흐름을 자연스럽게 구성합니다.
4️⃣ 목록 페이지에서 상세 페이지로 이동 (blog_list.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>블로그 목록</title>
</head>
<body>
<h1>블로그 목록</h1>
{% for blog in blogs %}
<p>
<a href="{% url 'blog_detail' blog.pk %}">
{{ blog.title }} - <small>{{ blog.created_at|date:"Y-m-d" }}</small>
</a>
</p>
{% endfor %}
</body>
</html>
📌 blog.pk를 통해 각 블로그 글의 상세페이지로 이동
📌 날짜는 필터를 통해 포맷팅 (Y-m-d 형식)
5️⃣ URL 연결 설정 (urls.py)
from django.contrib import admin
from django.urls import path
from blog import views
urlpatterns = [
path('admin/', admin.site.urls),
path('', views.blog_list, name='blog_list'),
path('<int:pk>/', views.blog_detail, name='blog_detail'),
]📌 <int:pk>는 URL에서 숫자 값(pk)을 받겠다는 의미
📌 URL name을 명시적으로 설정해 템플릿에서 사용 가능하게 함
✅ 구현 완료 체크리스트
☑️ blog_detail 뷰 함수 작성
☑️ 상세 템플릿 blog_detail.html 구성
☑️ 목록 페이지에서 상세 링크 연결
☑️ URL 패턴 설정 완료 (<int:pk>/)
💡 Django의 URL name 시스템은 유지보수와 협업에 매우 유리합니다. URL 변경이 생겨도 템플릿을 수정할 필요가 없어요!
'Django' 카테고리의 다른 글
| Chapter 3-5 Django 로그인 페이지 만들기 (0) | 2025.05.06 |
|---|---|
| Chapter 3-4 Django에서의 쿠키와 세션 이해 및 실습 (0) | 2025.05.06 |
| Chapter 3-2 Django 블로그 목록 페이지 만들기 (0) | 2025.05.06 |
| Chapter 2-8 Django ORM 완전 정복: 데이터 삭제, 업데이트, 필터링 실습 정리 (0) | 2025.04.30 |
| Chapter 2-7 Django ORM 완벽 가이드 (0) | 2025.04.30 |