Programming/Web

[Django] 07.스타일시트와 이미지 추가

쌍쌍바나나 2017. 12. 18. 23:13
반응형

첫 번째 장고 앱 작성하기, part 6

서버에서 생성된 HTML을 제외하고,
웹 어플리케이션은 일반적으로 전체 웹 페이지를 렌더링하는데 필요한 추가 파일을 정적파일이라고 부른다.

  • 이미지, javascript, CSS

소규모 프로젝트에서는 웹서버가 정적파일을 보관할 수 있기 때문에 큰 문제가 아니지만,
큰 프로젝트에서 제공하는 여러 정적파일 세트를 다루는 것이 까다로워지기 시작

django.contrib.staticfiles: 정적 파일들을 프로덕션 환경에서 쉽게 제공 할 수 있는 단일 위치로 수집

CSS를 적용: 앱의 모양과 느낌을 원하는대로 변경

먼저 polls 디렉토리에 static디렉토리를 생성한다.
django는 templates와 비슷하게 정적 파일을 찾는다.

polls/static/polls/style.css

li a { color: green; }

polls/templates/polls/index.html

``` {% load static %}

```

백그라운드 이미지를 추가

polls/static/polls/images/background.gif 를 삽입

polls/static/polls/style.css body { background: white url("images/background.gif") no-repeat right bottom; }

참고로 적용이 안되면, 서버를 잠시 내리고 다시 올리면 됨..

참고

  • https://docs.djangoproject.com/en/2.0/intro/tutorial06/
반응형