바뀜

975 바이트 추가됨 ,  2022년 9월 13일 (화) 16:09
편집 요약 없음
1번째 줄: 1번째 줄:  +
<youtube>https://www.youtube.com/watch?v=V6GEk88jhQo</youtube>
    
==개요==
 
==개요==
커다란 틀은 전체 페이지에서 공유하고, 내용물만 바꾸어야 할 때, 전체 틀을 그대로 사용하는 게 편하다.
+
커다란 틀은 전체 페이지에서 공유하고, 내용물만 바꾸어야 할 때, 전체 틀을 그대로 사용하는 게 편하다. 상속이라고도 하지.
 +
 
 +
== 전략 ==
 +
일반적으로 웹사이트 전체를 아우르는 base.html을 두고, 앱별로 섹션을 아우르는 app.html(이 이름이 정렬했을 때 앞에 나와서 편하다.) 따위를 두어 전체적인 느낌을 유지한다.
    
=상속=
 
=상속=
44번째 줄: 48번째 줄:  
</html>
 
</html>
 
</syntaxhighlight>블록 태그 사이에 뭘 써넣으면, 자식탬플릿으로부터 가져올 것이 없을 때 그걸 보여준다.
 
</syntaxhighlight>블록 태그 사이에 뭘 써넣으면, 자식탬플릿으로부터 가져올 것이 없을 때 그걸 보여준다.
자식탬플릿의 내용이 있는데 부모탬플릿의 내용을 그대로 쓰고 싶다면 적당한 곳에 <nowiki>{{block.super}}</nowiki>를 넣는다.
+
자식탬플릿의 내용이 있는데 부모탬플릿의 내용을 그대로 쓰고 싶다면 적당한 곳에 <nowiki>{{block.super}}</nowiki>를 넣는다.(부모 탬플릿의 내용을 그대로 가져다 쓰고 조금 변형할 때 사용.)
 
|-
 
|-
 
|자식탬플릿 만들기(섹션)
 
|자식탬플릿 만들기(섹션)
73번째 줄: 77번째 줄:  
단순히 해당 html에 있는 코드를 불러와 갖다붙이는 기능이다.
 
단순히 해당 html에 있는 코드를 불러와 갖다붙이는 기능이다.
   −
<code>include with 변수명 = 넣을객체명</code> 형태로도 사용 가능.
+
<code>include with 변수명 = 넣을객체명(넣을값)</code> 형태로도 사용 가능.
 +
 
 +
== 탬플릿에서 변수 지정 ==
 +
다른 탬플릿에서 특정 변수로 사용하고 있는데, 편의상 다른 이름을 사용하고 있었을 때.. 탬플릿 활용을 위해 다음과 같은 방식으로 변수를 지정할 수 있다.<syntaxhighlight lang="html+django">
 +
    {% with teacher.classroom_set.all as classroom_list %}
 +
        {% include "school_report/classroom/list.html" %}
 +
    {% endwith %}
 +
</syntaxhighlight>with 태그로 닫아주는 형태이거나... 혹은 for, if 태그 안에서 with을 사용할 수 있다.
 
[[분류:장고 탬플릿]]
 
[[분류:장고 탬플릿]]