[Django] CRUD를 더 탄탄하게(4)_이미지 넣기 (Static & Media)

- static 이란?

: js, css, image, font 등과 같이 개발자가 사전에 미리 서버에 저장 해둔 파일 -> 정적 파일

 

- static 파일  사용하기

1) settings 설정하기

STATIC_URL = '/static/'

: STATIC_ROOT에 있는 정적 파일을 참조할 때 사용할 URL (이미 설정되어 있음)

 

STATICFILES_DIRS = [
    BASE_DIR / 'static',
]

:  프로젝트 전반적으로 사용되는 static 경로가 어딘지 설정

 

 

2) templates에서 static 파일 사용하기

 

ex) index.html

{% extends 'base.html' %}
{% load static %}

{% block content %}
<img src="{% static 'image.jpg' %}" width="100" alt="">
<img src="{% static 'park.jpg' %}" width="100" alt="">

...

{% endblock %}

 

① {% load static %} 태그 불러오기

: HTML 문서 최상단(단, extends 태그 바로 아래)에 작성

 

② {% static 'app_name/file_name.jpg' %}

: 실제 해당 파일의 경로를 생성해주는 태그 (url 태그와 유사)

-> 현재 위에서는 app이 없는 static 파일을 사용하기 때문에 별도의 app_name 작성 X

 

 

- Media 나중에 업로드 예정!!!