4. 뼈대만들기2

render를 통해 accounts로 분기한 base.html웹페이지를 띄웠다.
효율적인 개발을 위해 base.html의 head와 body를 분리한다.

 

기존 base.html

head.html 에는 bootstrap, css등 template전체에 적용될 링크를 모은다

body부분은 고정적으로 사용될 header와 footer로 나눈다.

header.html

footer.hml

base.html은 {% include %} 구문을 통해 흩어진 html파일을 한데 모은다.

그 후 저장하고 다시 들어가보면 아래와 같은 모양으로 변해있다.

templates안에 accounts라는 폴더를 만들어 home.html이라는 파일을 만들어 준다.

base.html에 success:request부분을 {% block content %} ... {% endblock %}구문으로 대체한다.

{% block content %}를 하는 이유는 앞으로 이 부분만 변경된다는 것을 나타내는 것이다.

 

home.html에는 한데 모은 base.html을 보여줄 수 있도록 {% extends %} 구문을 통해 base.html을 모두 받아온다.

** {% include %}: 만들어 놓은 html조각을 가져다 쓰는것

** {% exclude %: 만들어 놓은 html을 베이스로 쓰는것

 

이후 이전에 views.py에 작성한 render부분을 home.html로 변경한다.

 

 

그러면 아까와 똑같은 화면이 보이게 된다.