Django Class Review(static file)

기본적으로 웹사이트에 사용되는 정적파일에는 여러가지가 있는데, 보통 사진, CSS 파일, JavaScript파일 등 다양하다. 이러한 정적 파일을 템플릿에 연결하기 위해서는 경로를 알려줘야하는데, Django에서는 static 태그를 이용해서 소스의 위치만 알려줘 간단하게 연결이 가능하다. 

1.static 폴더 

먼저 앞서 templates와 같이 앱 단위로 static폴더를 만들고 그 내부에 다시 앱 이름을 설정한 후에 원하는 정적 파일을 연결해야한다. 

내가 사용하는 app의 이름이 my_app이고 cat.jpg라는 이미지 파일을 사용하고 싶다면 아래와 같이 폴더를 만들어 파일을 삽입하면 된다.

2.settings.py

이제 해당 static 폴더를 이용해서 정적 파일을 연결하기 위해서는 settings.py에서 몇가지 설정이 잘 돼있는지 확인해야한다.

1)INSTALLED_APPS

먼저 INSTALLED_APPS에서 django.contrib.staticfiles가 설치돼 있는지 확인하고 그렇지 않다면 추가해준다.

2)STATIC_URL

 

마지막으로 STATIC_URL에서 폴더 명이 "static/"으로 설정돼 있는지 확인한다. 

 

3.{% static %} 태그

이제 원하는 views.py로 연결한 html 템플릿에서 사용하고자 하는 파일이 있다면 먼저 {% load static %} 태그를 이용해서 static 폴더에 연결하고, {% static %} 태그를 이용해서 다음과 같은 형식을 지켜 정적 파일을 연결해주면 된다.