Django - mysite (스태틱)

링크

이 페이지의 내용 정리 위캔입니다.
완성 소스 깃허브

스태틱

• pybo에 style sheet를 적용한다.

스태틱 디렉터리

• 스타일시트 파일은 장고의 스태틱 디렉터리에 저장해야 한다.
• 템플릿 디렉터리와 마찬가지로 config/settings.py에 등록해야한다.
• 경로 : ...config\settings.py

...
STATIC_URL = '/static/'
# 추가
STATICFILES_DIRS = [
    BASE_DIR / 'static',
]
...

• STATICFILES_DIRS 변수를 추가했다.

• STATICFILES_DIRS에 BASE_DIR / 'static' 디렉터리를 추가했다.

• BASE_DIR / 'static'은 ...mysite\static 디렉터리를 의미하므로 static 디렉터리를 생성해야 한다.

• (mysite) ...\mysite>mkdir static

• 템플릿때와 같은 이유로 앱 하위에 디렉터리르 구성하는것은 권장하지 않는다.

스타일시트

• 스태틱 디렉터리에 스타일시트 파일을 저장해야한다.
• 경로 : ...mysite\static\style.css
• 파일 작성

textarea {
    width: 100%;
}

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

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

템플릿에 스타일 적용

• 경로 : ...templates\pybo\question_detail.html

# 추가
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
<h1> {{question.subject}} </h1>
...

• 템플릿에 스타일시트와 같은 스태틱 파일을 사용하기 위해 템플릿 최상단에 {% load static %} 태그를 삽입한다.
• 스타일시트 경로는 {% static 'style.css' %}처럼 저장한다.