작정하고 장고 - static 설정, css파일 분리

작정하고 장고 11강 - Static 설정 및 CSS 파일 분리

static 설정하기

settings.py에 추가하기

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

STATICFILES_DIRS = [
    BASE_DIR / "static",
]

STATIC_URL 아래에 STATIC_ROOT와 STATICFILES_DIRS를 추가해준다.

djangoProject에 static 폴더를 만들고 해당 폴더에 css파일을 만든다.

css 파일 분리하기

html파일에 있던 style태그를 class태그로 변경하고 해당 class에 대한 style을 css파일에 옮기자.

css파일 링크 추가하기

css파일은 head태그에 추가를 해야 하므로 head.html 파일로 이동하자.

{ % load static % } 추가하기

static 관련 파일을 가져오기 위해서는 최상단에 { % load static % } 해당 구문을 추가해야한다.

그리고 href에 { % static 'base.css' % }를 적어준다.