IT 개발/Django

[Django] 장고, static 폴더 개념 및 사용법 (정적파일 관리 - css, javascript, image)

KADOSHOLY 2023. 12. 28. 14:25
반응형

 

Django - 장고 static 폴더 개념 및 사용법 (정적파일 관리 - css, javascript, image)

 

 

   목차

  1. Staitc 폴더란?
  2. Static 폴더 사용법

 

 

1. Static 폴더란?

 

Static 폴더는 css, javascript image등의 정적 자원을 관리하기 위한 용도로 사용되는 폴더를 말합니다. 이를 사용하기 위해서는 static 폴더 생성후 settings.py 파일에서 경로 설정을 해주어야 합니다 .

 

 

 

2. Static 폴더 사용법

 

1) static 폴더 생성 

 

루트에 static 폴더를 만든후 그 아래 사용하고자 하는 용도에 따른 하위 폴더를 만들어 줍니다.

예제에서는 static > css, javascript, images 폴더를 생성하였습니다 .

 

 

2) 경로 설정 

 

static 폴더를 생성하였다면 settings.py의 STATIC_URL과 STATICFILES_DIRS에 경로 설정을 해주어야 합니다 .

# settings.py
STATIC_URL = "static/"
STATICFILES_DIRS = [ BASE_DIR / 'static']

 

 

3) 사용예제

 

사용하고자 하는 style.css 파일을 staitc폴더안의 css 폴더에 저장한후, html 파일에서 아래와 같이 stylesheet 경로를 지정하여 사용할 수 있습니다. 

<!DOCTYPE html>
<html lang="en">
<head>
    ...
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body> ... </body>
</html>

 

 

반응형