페이지 화면이 어떻게 구성되어 있는지 살펴보면서 template, 기본 layout.html을 작성하겠습니다.

1. 레이아웃 개요

화면 상단에는 로고, 서치박스, 네비게이션 바가 있는 header 부분이 있습니다.

여러 페이지들을 봤을 때, header 부분과 내용 부분으로 화면이 구성되는 것을 볼 수 있습니다.

header 부분이 모든 페이지에서 동일하게 사용되고 있는 것을 알 수 있습니다. 따라서, header 페이지를 기본값으로 잡고 페이지에 따라서 내용 부분만 바꾸는 식으로 구현을 한다면 사이트를 운영하기 쉽고 디자이너와 소통하기 편할 것입니다.

2. layout.html 작성

그러면 이제 templates 폴더를 살펴보겠습니다. 폴더가 없으시다면 지금 만들어주시면 됩니다.

templates에 대한 기본 설정은 settings.py 에서 아래와 같은 부분에서 templates 폴더의 경로를 지정해주었습니다.