{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TODO</title>
<link rel="stylesheet" type="text/css" href="{% static 'myApp/css/base.css' %}">
{% block style %}
{% endblock %}
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>이처럼 뼈대가 되는 템플릿의 head 태그에 blcok을 설정해준다.
뼈대를 이용하는 다른 템플릿에서
{% load static %}
{% block style %}
<link rel="stylesheet" type="text/css" href="{% static 'myApp/css/main.css' %}">
{% endblock style %}block style 부분에 필요한 css를 넣어주면 된다.
단, {% static %} 태그를 사용하기 위해서는 {% load static %}도 적어줘야 한다.
브라우저의 개발자 콘솔을 통해 확인해본 결과 필요한 css 파일만 서버에서 잘 가져오고 있다.
'django' 카테고리의 다른 글
| 현재 user를 필드 값으로 넣고 싶을 때 (0) | 2020.12.28 |
|---|---|
| django에 react나 vue를 결합시켜야 하는가? (0) | 2020.12.25 |
| 회원가입, 로그인, 로그아웃 (0) | 2020.12.20 |
| 여러 개의 form을 만들어주는 formset (0) | 2020.12.19 |
| CRUD를 위한 ModelForm (0) | 2020.12.19 |