😂 Django Project

😭 프로젝트 발표 진행

KPT 회고

😭 프로젝트 리팩토링

• 프로젝트의 상단 장르 카테고리바를 전날 진행했을 때 POST 방식으로 값을 받아서 백앤드로 쏴주는 방식으로 만들었었다. 이것을 GET 방식으로 다시 리팩토링해보았다.
• 실제로 GET으로 하니 a 링크만으로도 프론트 페이지를 구성할 수 있었다.
• 또한 19개의 장르를 하드코딩이 아닌 for 문을 활용해 깔끔하게 표현해 주었다. 여기서 for 문 안에 쓰이는 값을 백앤드에서 한 번 더 보내주어야 상단의 카테고리가 사라지지 않고 계속 존재하는 것을 알 수 있다.
• movie/views.py

# 화면 상단 tag값 나오는 nav 바
def tagging(request, name):
    if request.method == 'GET':
        tag_all = Tag.objects.all()

        tag = Tag.objects.get(tag=name)
        max_score = tag.movies.filter(tag=tag.id)

        return render(request, 'movie/home.html', {'movies': max_score,'tag_all': tag_all, 'tag': tag})

• movie/urls.py

from django.urls import path
from movie import views

urlpatterns = [
    path('', views.home, name='home'),
    path('detail/<int:id>/', views.detail, name='detail'),
    path('search/', views.search, name='search'),
    path('tag/<str:name>/', views.tagging, name='tagging'),
]

• movie/home.html

{% block content %}
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link active" id="all" href="http://127.0.0.1:8000/">All</a>
        </li>
        {% for tag in tag_all %}
            <li class="nav-item">
                <a class="nav-link" id="{{ tag.id }}" href="/tag/{{ tag }}/">{{ tag }}</a>
            </li>
        {% endfor %}
    </ul>

<!-- 중간 생략 -->

{% endblock %}

{% block script %}
    var aTags = document.getElementById('{{ tag.id }}')
    var tag = aTags.innerText

    var all = document.getElementById('all')
    
    var searchText = "{{ tag }}";

    if (tag == searchText) {
        aTags.classList.toggle('active')
        all.classList.toggle('active')
    } else {
        all.classList.toggle('active')
    }
{% endblock %}