반응형
정적 파일(static) 사용하기
css, javascript, 이미지 파일 등을 사용하기 위한 방법을 알아보자.
hello폴더 밑에 static폴더를 작성한다. 그 밑에 다시 hello폴더를 작성한다. 그 밑에 다시 css폴더를 작성한다.
template폴더 밑에 폴더를 작성하는 방법과 유사하다.
style.css파일 작성
body {
color:gray;
font-size: 16pt;
}
h1 {
color: red;
opacity: 0.2;
font-size: 60pt;
margin-top: -20px;
margin-bottom: 0px;
text-align: right;
}
p {
margin: 10px;
}
a {
color: blue;
text-decoration: none;
}
index.html 템플릿 파일 수정
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>{{title}}</title>
<link rel="stylesheet" type="text/css" href="{% static 'hello/css/style.css' %}" />
</head>
<body>
<h1>{{title}}</h1>
<p>{{msg}}</p>
<p><a href="{% url link %}">{{link}}</a></p>
</body>
</html>서버를 다시 실행하면 브라우저에서 스타일의 변화를 알 수 있다.
※bootstrap이라는 스타일시트 프레임워크를 사용해도 좋다.
stackpath.bootstrapcdn.com/ CDN 서비스라고도 한다.
반응형
'프로그래밍' 카테고리의 다른 글
| django chap2-8 Form클래스 (0) | 2022.01.09 |
|---|---|
| django chap2-7 form송신 (0) | 2022.01.09 |
| django chap2-5 뷰 템플릿 (0) | 2022.01.08 |
| django chap2-4 뷰 템플릿 (0) | 2022.01.08 |
| Linux 개행코드 (0) | 2022.01.06 |