10강 Static 설정 및 CSS 파일 분리
애플리케이션에서 사용하는 정적 파일을 쉽게 관리하고, CSS 파일을 분리하여 코드의 코독성을 높일 수 있다.
static 설정
setting.py 파일에서 STATIC_URL과 STATICFILES_DIRS 변수를 설정하여 앱에서 사용하는 정적파일의 경로를 지정
STATIC_URL = '/static/'
STATIC_ROOT =os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_DIRS = [
BASE_DIR / "static",
]CSS 파일 분리
CSS 파일을 분리하기 위해 static 폴더 내에 css 폴더를 만들고, 해당 폴더 내에 css 파일을 저장한다. 이후 HTML 파일에서 CSS 파일 경로를 지정한다.
{% load static %}
<head>
{# DEFAULT CSS LINK #}
<link rel="stylesheet" type="text/css" href="{ static 'base.css' %}">
</head>
