반응형



파트6에서는 스타일과 이미지를 더하는 방법을 배우게 됩니다.

웹 어플리케이션에서 웹페이지를 보여주기 위해서는 이미지, 자바스크립트 그리고 css와 같은 추가적인 파일들이 필요합니다. 이러한 파일들을 static file이라고 합니다. 작은 프로젝트에서는 static files을 웹서버 어딘가에 두어도 되기 때문에 큰 문제가 아닙니다. 하지만 큰 프로젝트에서는 static file을 각각의 어플리케이션에 잘 다룰 수 있도록 관리 해야겠습니다.


STATICFILES_FINDERS 세팅을 보게 되면 다양한 소스로 부터 static files을 찾을 수 있게 리스트를 관리 합니다.

static 디렉토리 안에는 다른 디렉토리들을 만들 수있습니다.

예) polls/static/polls/styles.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' %}">

{% static %} 템플릿 태그는 static files의 절대 url을 발생시킵니다.

반응형

+ Recent posts