반응형
Notice
Recent Posts
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Today
Total
관리 메뉴

H-Log

[python] Django Static file 연결 본문

dev-log/python

[python] Django Static file 연결

hong6v6 2023. 1. 30. 22:39
반응형

css, javascript, images 등의 정적 파일을 static file이라고 한다

그런 파일을 templates의 html에 연결해보자

css 연결

위치는 polls/static/polls/css/style.css 와 같이 static폴더를 새로 만들고

그 안에 앱 이름과 같이 폴더를 또 만들어줘야한다

그리고 html 상단에 css를 연결시켜주자

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

image 연결

polls/static/polls/img 와 같이 폴더를 만들고 그 안에 이미지를 넣어보자

그리고 css에서 연결을 할 때에는 상대경로로 찾아주면 된다.

div{
    background: url('../img/bg.png') no-repeat center;
}
반응형

'dev-log > python' 카테고리의 다른 글

[Python] Tkinter 위젯 종류  (0) 2023.02.18
[Python] Tkinter 시작하기  (0) 2023.02.18
[python] Django Generic View 사용하기  (0) 2023.01.30
[python] Django Form 생성  (0) 2023.01.30
[python] Django Database 사용  (0) 2023.01.30
Comments