[Django] #7 - header / footer 를 통한 templates 구현

header / footer

---

화면 레이아웃에서 기본적으로 반복적으로 구성하는 부분이 있다. 이 부분은 모든 레이아웃에서 적용되는 부분으로 djangoweb에 templates 폴더를 만들어 적용한다. 왜냐하면 djangoweb이 프로젝트의 시작이고 나머지는 app으로 추가적으로 붙인 거기 때문이다.

 

 

templates라는 폴더를 메인 프로젝트에서 생성하고

 

 

css 부분인 footer와 header 부분을 넣어준다. 이 부분은 웹의 맨 앞과 뒷부분을 구성해주는 요소이다.

 

template을 넣고 setting 부분을 수정해야한다. 

이 부분을 수정한다.

 

이렇게 DIRS 에 경로를 지정하면 각각의 템플릿에서 header와 footer 부분을 적용할 수 있다.

 

그다음은 로그인 했을 경우의 template  = home.html을 넣어준다. 

이 템플릿은 메인 프로젝트가 아닌 app에 templates를 만들어 넣어준다.

 

 

 

 

해당 템플릿에서 맨 상단에

{% include ''header.html %}  # header를 넣고

{% block content%}                # block이라고 명시해주고 

이렇게 넣어주고

 

    <section></section>

 

맨 하단에

{% endblock%}

{% include ''fotter.html %}

 

코드를 삽입한다. 왜냐하면 맨 윗부분과 아랫부분을 구성하는 template이기 때문이다.

 

 

그다음 

로그인했을 때 urls.py 에서 path를 지정해주고

 

 

 

그다음 views에 login이라는 함수를 구현해준다.

 

 

까지 진행한 후 로그인을 하게 되면 

 

위와 같이 뜬다.