1. ๋ฐ๋ณต๋๋ html ๊ตฌ์กฐ๊ฐ ์๋ค๋ฉด, templates ํด๋๋ฅผ ์์ฑํด์ฃผ๊ณ , ๊ทธ ์์ base.html์ ๋ง๋ ๋ค.
1-2. ๊ทธ๋ฆฌ๊ณ ํด๋น ์ฝ๋๋ฅผ ๋ค๋ฅธ ํ์ผ์์ extendํด์ ์ฌ์ฉํด์ค๋ค. ๋ง์น ๋ถ๋ชจ-์์ ํด๋์ค์ฒ๋ผ.
์๋ฅผ ๋ค์ด, home.html์ด ์๋ค๋ฉด ํด๋น html์ ์ต์๋จ์ ๋ค์์ ์ฝ๋๋ฅผ ์ ๋ ฅํด์ฃผ๋ ๊ฒ์ด๋ค.
{% extends "base.html" %}
๊ทธ๋ฌ๋ฉด, base.html์์ ๋ง๋ html ์ฝ๋๋ฅผ ๊ฐ์ ธ์ค๊ฒ ๋๋ค.
2. ๋์๊ฐ, ํด๋น html์์๋ค๊ฐ ์ํ๋ ์ฝ๋๋ฅผ ์ฃผ์ ํ ์๋ ์๋ค. ๋ค์ ๋งํด, home.html์ด๋ผ๋ ์์ ํ ํ๋ฆฟ์ด base.html์ด๋ผ๋ ๋ถ๋ชจ ํ ํ๋ฆฟ์ ์ํ๋ ์ฝ๋๋ฅผ ์ง์ด๋ฃ์ ์ ์๊ฒ ๋๋ ๊ฒ์ด๋ค. ๋ฐ๋ก, block์ ์ด์ฉํด์ ๊ฐ๋ฅํ๋ค.
๋ถ๋ชจํ ํ๋ฆฟ์ธ base.html์ block์ฝ๋๋ฅผ ์ฝ์ ํ๋ค.
{% block content %}
{% endblock %}
๊ทธ๋ฆฌ๊ณ ๋ค์ home.html๋ก ๋์์์ ๋ค์๊ณผ ๊ฐ์ด ๋ถ๋ชจํ ํ๋ฆฟ์ ์ ์ด์ค block์ ์ฌ์ฉํด์ค๋ค.
{% extends "base.html" %}
{% block content%}
//base.html์ ์ฃผ์
ํ๊ณ ์ถ์ ์ฝ๋๋ฅผ ์ด๋ค//
{% endblock content %}
์ด block์ ๋ง๋ค๊ณ ์ถ์ ๋๋ก ๋ค์ํ๊ฒ ๋ง๋ค ์ ์๋ค. ๋ง์ฝ base.html์์ ๋ค์๊ณผ ๊ฐ์ด page name ๋ธ๋ญ์ ๋ง๋ค์๋ค๋ฉด,
<title>{% block page_name %}{% endblock page_name %} | Nbnb</title>
home.html์์
{% block page_name %}
Home
{% endblock page_name %}
์ด๋ฐ์์ผ๋ก ์ฌ์ฉํ ์ ์๋ค. ์ฌ๊ธฐ์ ๊ธฐ์ตํด์ผํ ๊ฒ์, ๋ธ๋ญ์ ์ฌ์ฉํ๋ ค๋ฉด, ๋งจ ์๋จ์ extends๋ฅผ ํด์ค์ผ ํ๋ค๋ ์ !
'๐ป Deep Wide Programming > Django' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Django Admin ์ปค์คํฐ๋ง์ด์ง ํ๊ธฐ (0) | 2021.02.17 |
---|---|
Django ์ ๋ฐ๋ถ ์ ๋ฆฌ & ๋ณต์ต (0) | 2020.12.18 |
์ฅ๊ณ ๊ณต๋ถ์ ๋์๋๋ ์ฌ์ดํธ ๋งํฌ & ์ฅ๊ณ ํ ํ๋ฆฟ ์ธ์ด (0) | 2020.12.17 |
[โบ๏ธDjango] MORE about ADMINS + a #ํ์ต๋ฉ๋ชจ (0) | 2020.11.15 |
[โบ๏ธDjango] MODELS AND QUERYSETS ๋ฉ๋ชจ (0) | 2020.11.11 |