static 폴더를 이용한 정적파일 사용

이 글은 아이티뱅크 강의를 듣고 공부한 내용을 토대로 작성한 글입니다.
혹시 잘못된 내용이 있을 시 댓글로 알려주시면 감사하겠습니다 ^U^

🌱 Django Static Directory

DJango Framework에서는 프로젝트에 사용할 정적 파일들은 별도로 지정한 디렉토리에서 통합관리 하는 것이 좋다.
html 파일만 따로 모아 template 디렉토리를 정의하는 것과 같은 이유로
static 디렉토리를 정의하여 사용한다.

여기서 정적파일은 아래와 같은 파일을 뜻한다.

• CSS StyleSheets
• JavaScript File
• Image File

🌱 static 디렉토리 정의

static 디렉토리를 사용하기 위해서는 프로젝트의 setting.py에서 정의해줘야 한다.

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    BASE_DIR/'static',	# 기본 디렉토리 안의 static 디렉토리
]

기본 디렉토리 (프로젝트 상위폴더) 내의 static 디렉토리를 'static' 디렉토리로 지정하겠다는 뜻이다.

정의를 하였으면 실제로 기본 디렉토리 안에 static폴더를 생성해준다.

🌱 정적파일 load

템플릿 html 파일에서 위 정의된 static 폴더 안에 들어있는 정적파일을 사용하기 위해서 html 파일 맨 위에 다음과 같이 적어준다.

{ % load static % }

그리고 예를들어 static폴더 아래의 test폴더 안의 이미지 파일 (naverlogo.jpg)을 사용할 시 다음과 같이 경로를 적어주면 된다.

< img src="{ % static 'test/naverlogo.jpg' % }" >

{% %} 안에 static폴더로 정의된 폴더의 이름을 적고 ' '로 경로를 표시해주면 서버를 실행하고 브라우저를 확인해보면 이미지가 잘 출력됨을 볼 수 있다 ^_^