장고는 MTV 구조로 동작한다.
즉, 앱 폴더에 있는 templates 폴더의 html 파일은 정적인 파일이 아니다.
따라서 templates 폴더에 css, js 파일을 넣어두어도 해당 파일에 접근할 수 없다.
해결방법
각 앱 폴더 아래에 static 폴더를 만들고 css,js 파일 등을 넣는다.
<!DOCTYPE html>
{% load static %}
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>{{ post.Title }} - Blog</title>
<link rel="stylesheet" href="{% static 'blog/css/blog-post.css' %}" media="screen">
</head>
<body>
<nav>
<a href="/blog/">Blog</a>
</nav>
<h1>{{ post.title }}</h1>
<h4>{{ post.created_at }}</h4>
<p>{{ post.content }}</p>
<hr>
</body>
</html>이런 식으로 정적 파일을 적용하고 싶은 html 파일에
{% load static %}를 먼저 선언하고
<link rel="stylesheet" href="{% static 'blog/css/blog-post.css' %}" media="screen">이렇게 css파일이나 js파일을 넣으면 된다.
버그와 함께하는 삶