[Django] 6. 장고 튜토리얼 part.6

김학재·2021년 12월 28일
0

백엔드

목록 보기
7/8
post-thumbnail

정적 파일

서버에서 생성된 HTMl을 제외하고, 웹 어플리케이션은 일반적으로 전체 웹 페이지를 렌더링하는데 필요한 추가 파일(이미지, JS, CSS 등)을 제공해야 한다. 장고에서는 이러한 파일을 정적 파일이라고 부른다.

앱의 모양과 느낌 바꾸기

polls 디렉토리 내에 static 디렉토리 생성.
static 디렉토리 내에 템플릿을 만든 것처럼 polls 디렉토리 만들고 style.css 생성

/* polls/static/polls/style.css */
li a {
  color: green;
}
<!-- polls/templates/polls/index.html -->
{% load static %}

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

배경 이미지 추가하기

polls/static/polls/images/이미지_파일

body {
    background: white url("images/이미지_파일") no-repeat;
}

{% static %} 태그는 장고에 의해 생성되지 않은 파일들의 경우는 적합하지 않다.
항상 상대 경로를 사용해 정적 파일간 링크를 걸어야, 한번에 경로를 바꿀 필요 없이 static 태그에 의해 만들어진 STATIC_URL을 변경할 수 있다.

profile
YOU ARE BREATHTAKING

0개의 댓글