Django - 스태틱

● 스태틱

- 스태틱(static) 디렉토리

스타일시트 파일은 장고의 스태틱 디렉토리에 저장해야 한다.
즉 css파일 저장을 위한 디렉토리
스태틱 디렉토리도 템플릿 디렉토리와 마찬가지로 config/settings.py 파일에 등록하여 사용

 

[파일명: projects\mysite\config\settings.py]

STATIC_URL = 'static/'
STATICFILES_DIRS = [
    BASE_DIR / 'static',
]

** STATICFILES_DIRS이라는 리스트 변수를 추가 및 BASE_DIR / 'static' 디렉터리를 추가
** 'static'은 C:\projects\mysite\static 디렉토리 의미

 

※ static 디렉토리 생성

(mysite) c:\projects\mysite> mkdir static

---

- 스타일시트

[파일명: projects\mysite\static\style.css] 생성

textarea{
    width : 100%;
}

input[type=submit] {
    margin-top : 10px;
}

** 답변 등록시 사용하는 텍스트 창의 넓이를 100%로 하고 "답변등록" 버튼 상단에 10 픽셀의 마진을 설정

---

- 템플릿에 스타일 적용

[파일명: projects\mysite\templates\pybo\question_detail.html]

{% load static %}
<link rel = 'stylesheet' type="text/css" href="{% static 'style.css' %}">

<h1>{{ question.subject }}</h1>
<div>
(... 생략 ...)

** 템플릿에 스타일시트와 같은 스태틱 파일을 사용하기 위해서는 템플릿 최상단에 {% load static %} 추가 필요

** 텍스트 창의 넓이가 넓어지고 "답변등록" 버튼 위에 여유공간이 생겼다.