Part 6 정적 파일

우리는 테스트된 Web-poll 애플리케이션을 구축했으며, 이제 스타일시트와 이미지를 추가할 것입니다.

 

 

 

서버에서 생성 된 HTML을 제외하고, 
웹 어플리케이션은 일반적으로 전체 웹 페이지를 
렌더링(사용자가 서버로부터 데이터를 받아 자신의 화면에 보여지는 작업)하는데 
필요한 추가 파일 — 예:이미지, JavaScript 또는 CSS — 을 제공해야합니다. 
Django에서는 이러한 파일을 “정적 파일”(static) 이라고 부릅니다.

 

 

 

 

 

 

 

앱의 모양과 느낌을 원하는 대로 바꿔보세요.

polls 디렉토리에 static 디렉토리를 만듭니다.

 

 

 

템플릿과 마찬가지로

css 파일을 그냥 static안에 넣어도 되지만

다른 애플리케이션에 같은 이름의 정적 파일이 있으면

Django는 이들 파일을 구별할 수 없기 때문에

앱이름으로 네임스페이스를 명시해줍니다.

 

 

스타일 시트(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 %} 템플릿 태그는 정적 파일의 절대 URL을 생성합니다.

 

 

 

서버를 실행하면 

질문의 링크가 녹색(Django 스타일!)로 표시되는 것을 볼 수 있으며,

이는 스타일시트가 올바로 적재된 것을 의미합니다.

 

 

 

 

 

 

 

 

 

 

 

 

배경 이미지 추가하기

polls/static/polls/ 디렉토리에 images 서브 디렉토리를 만듭니다.

 

 

 

 

 

 

images 디렉토리 안에 이미지를 넣습니다.

 

 

 

 

 

 

스타일 시트(polls/static/polls/style.css)에 다음을 추가합니다.

body {     background: white url("images/background.gif") no-repeat; }

 

 

새로고침하면 화면의 왼쪽 상단에 배경이 나타날 것입니다.

 

 

 

 

 

 

 

 

 

출처 : django 웹 프로그래밍 강좌 (#6 css, static file)(django css 연결, static 파일)

Django part 6