38.Django(장고) - ecommerce 프로젝트 - 쇼핑몰 - About 메뉴 작성해 보기

1.about.html을 만들기

templates\store\about.html

{% extends 'layout/base.html' %}
{% load static %}

{% block content %}
  <!-- Header -->
  <header class="bg-dark py-5">
    <div class="container px-4 px-lg-5 my-5">
      <div class="text-center text-white">
        <h1 class="display-4 fw-bolder">About us..</h1>
        <p class="lead fw-normal text-white-50 mb-0">
          어서오세요. 나의 쇼핑몰 입니다.
        </p>
      </div>
    </div>
  </header>
  <div class="container">
    <div class="row">
      <center>
        <div class="col-8 mt-5">
          <p>모든 국민은 건강하고 쾌적한 환경에서 생활할 권리를 가지며, 국가와 국민은 환경보전을 위하여 노력하여야 한다. 국가는 청원에 대하여 심사할 의무를 진다.</p>
        </div>
      </center>
    </div>
  </div>
  <!-- Footer-->
  {% include 'store/footer.html' %}
{% endblock content %}

store\urls.py

from django.urls import path
from . import views

app_name = 'store'

urlpatterns = [
    path('', views.home, name='home'),  
    path('/about', views.about, name='about'),    
]

store\views.py

def about(request):
    return render(request,'store/about.html',{})

templates\layout\navbar.html

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container px-4 px-lg-5">
    <a class="navbar-brand" href="{% url 'store:home' %}">쇼핑몰</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="{% url 'store:home' %}">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="{% url 'store:about' %}">About</a>
        </li>
(... 생략 ...)