templates 꾸미기, 홈 화면 만들기

부트스트랩을 이용해서 홈페이지를 깔끔하게 만들것이다.

우선은 홈페이지 디자인의 일관성을 주기위해서 base.html home.html 을 만든다.

home.html은 base.html을 상속하고, 각 어플리케이션의 .html들은 base.html을 상속하는 구조가 된다

우선은 , urlconf 에서

from config.views import HomeView
path('', HomeView.as_view(), name='home')

로 사용될 뷰를 가져오고 경로도 지정해준다.

이후, config 폴더에 views.py를 새로 만들고,

from django.views.generic import TemplateView

class HomeView(TemplateView):
    template_name = 'home.html'

로 HomeView를 만들어준다. 어차피 페이지만 표시하는거니까 templateview로 충분하다고 생각한다.

그다음, settings.py에 가서

import os
TEMPLATE의 DIRS = [os.path.join(BASE_DIR, 'templates')]

로 프로젝트 템플릿 폴더를 지정하고, manage.py가 있는곳에 폴더를 만들어주다.

폴더 안에 home.html 파일을 만들고, CDN을 사용할거라서 CSS를 헤더에, JS를 마지막에 붙여준다.

이후 base.html 폴더를 부트스트랩으로 작성하고, {% block 항목 %} 들을 지정해준다!