Chapter 3-3 Django 블로그 상세 페이지 만들기

Django

Chapter 3-3 Django 블로그 상세 페이지 만들기

Chansman 2025. 5. 6. 17:26

🔍 블로그 상세 페이지 만들기 (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 변경이 생겨도 템플릿을 수정할 필요가 없어요!