Django 공부하기 ✨
include 태그란?
- include 태그는 보통 템플릿에서 특정 영역이 반복적으로 사용될 경우 중복을 없애기 위해 사용한다.
- include 태그를 사용하여 템플릿의 특정 위치에 다른 템플릿을 삽입할수 있다.
(1) base.html
- projects\mysite\templates\base.html 파일을 수정한다.
{% load static %}
<!doctype html>
<html lang='ko'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<link rel='stylesheet' type='text/css' href='{% static "bootstrap.min.css" %}'>
<link rel='stylesheet' type='text/css' href='{% static "style.css" %}'>
<title>Hello, pybo!</title>
</head>
<body>
<!-- 네비게이션바 -->
{% include "navbar.html" %}
{% comment %} 기본 템플릿 안에 삽입될 내용 {% endcomment %}
{% block content %}
{% endblock %}
<script src="{% static 'bootstrap.min.js' %}"></script>
</body>
</html>
(2) navbar.html
- projects\mysite\templates\navbar.html 파일을 생성한다.
<!-- 네비게이션바 -->
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
<div class="container-fluid">
<a class="navbar-brand" href="{% url 'pybo:index' %}">Pybo</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">
<li class="nav-item">
<a class="nav-link" href="#">로그인</a>
</li>
</ul>
</div>
</div>
</nav>'Study > Django' 카테고리의 다른 글
| [Django] migration 에러 (0) | 2023.11.14 |
|---|---|
| [Django] 폼 (12) (0) | 2023.09.15 |
| [Django] 스태틱 (11) (0) | 2023.09.14 |
| [Django] url.py과 view.py 조금 더 알아보기 (0) | 2023.09.13 |
| [Django] settings.py (0) | 2023.09.13 |