Flask Academy · 강의

자식 페이지에서 기본 템플릿 확장하기

extends를 사용하고 페이지별로 블록을 채웁니다.

자식 페이지에서 기본 템플릿 확장하기은(는) CoddyKit의 무료 Flask Academy 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Flask Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Flask Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

이 강의의 일부는 아직 번역되지 않았으며 영어로 표시됩니다.

Connect a Page to the Base

A child page does not repeat the skeleton. It declares that it extends the base, then fills only the blocks it needs to change. 🔗

The extends Tag

The first line of a child template uses extends to name its parent layout. This tells Jinja2 to inherit the base before rendering.

{% extends "base.html" %}

extends Must Come First

The extends tag has to be the very first thing in the child file. Putting markup above it breaks inheritance and raises a template error.

Override a Block

To replace a slot, redeclare the block with the same name in the child. Whatever you put inside now shows instead of the base default.

{% block title %}Dashboard{% endblock %}

A Complete Child Page

This child template extends base.html and overrides two blocks. The rest of the page comes straight from the parent layout.

{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
  <h1>Welcome</h1>
{% endblock %}

Skip Blocks You Like

You only override the blocks you want to change. Any block you leave out keeps the default content defined in the base template.

Reuse Parent Content

Inside an overridden block you can call super() to pull in the parent block content, then add your own around it.

{% block content %}{{ super() }}<p>Extra</p>{% endblock %}

Render the Child, Not the Base

Your view returns the child template path. Flask renders the child, which inherits the base, so you never call base.html directly.

return render_template("home.html")

Block Names Must Match

Override only works when the child block name exactly matches one in the base. A typo silently leaves the parent default in place.

One Base, Many Children

Dozens of pages can extend the same base.html. Each child stays tiny because it only carries the markup unique to that page.

Inheritance Saves You

Change the base header once and every child page updates instantly. That cascade is the real power of template inheritance. 🚀

Quick Check

Where must the extends tag appear in a child template?

Recap: Extending Pages

Child pages extend a base, override matching blocks, and may reuse parent content with super(). One base now powers many pages. 🎯

자주 묻는 질문

“자식 페이지에서 기본 템플릿 확장하기” 강의는 무료인가요?

네 — “자식 페이지에서 기본 템플릿 확장하기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Flask Academy 강의 전체를 잠금 해제할 수 있습니다. Flask Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“자식 페이지에서 기본 템플릿 확장하기”에서 뭘 배우나요?

extends를 사용하고 페이지별로 블록을 채웁니다. 브라우저에서 직접 실행하는 실습 코드로 Flask Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Flask Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Flask Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.

“자식 페이지에서 기본 템플릿 확장하기” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Flask Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Flask Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

← Flask Academy(으)로 돌아가기