[Django] Django - 정적 파일

이번에는 정적파일에 대해서 알아보겠습니다.

대부분의 프로젝트에는 이미지, JavaScript 또는 CSS와 같은 정적 파일 세트가 있습니다.

Django는 전체 파일 경로를 참조할 필요 없이, 태그를 사용하여 이러한 정적 파일을 제공합니다.

이것은 {% url %} 태그와 비슷하게 {% static %} 태그의 형식입니다.

 

 

프로젝트 레벨에 이미지 파일을 저장합니다 (나중에 다른 폴더로 이동 예정) .

 

 

settings.py 파일 원복 및 몇가지 확인 사항들

 

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


INSTALLED_APPS = [
    'my_app.apps.MyAppConfig', # 
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles', # <=== 이부분 있는지 확인 필요
]



# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/

STATIC_URL = 'static/' # <=== 이부분 있는지 확인 필요

 

 

프로젝트 레벨에 저장한 파일을 앱 레벨로 이동(./my_site/my_app/static/my_app/ 폴더로 이동)

 

 

 

./my_site/my_app/templates/my_app/example.html 파일 수정 - 이미지 로딩 추

 

{% extends "base.html" %}
{% load static %} # <== 코드 추가

{% block content %}
    <h2>Example HTML template</h2>
    <h2>This is inside the block in EXAMPLE.HTML</h2>
    <img src='{% static "my_app/django.jpg" %}' alt = 'my image'> # <== 코드 추가
{% endblock content %}

 

 

결과 화면