[TIP] 파이썬 Django에서 css파일 적용이 안되거나 static 정보가 로드되지 않는 경우 해결법

이런식으로 CSS 파일이 로딩이 되지 않는 경우가 있다.

 

Django에서 CSS 파일 정보가 적용되지 않는 경우 또는

static과 비슷한 폴더에 css파일을 넣어두었는데 적용되지 않는 경우가 있다.

 

이에 대해 간단한 해결법을 적어보려 한다.

 

---

1. 크롬 or 엣지 브라우저에서 브라우저 캐시 삭제

 

※ 엣지(Edge) 브라우저 기준

 

 

브라우저 상단 메뉴 - 설정 - 개인 정보, 검색 및 서비스 클릭

 

검색 데이터 지우기 - 지울 항목 선택

 

 

시간 범위는 되도록 작업 이전 시점으로 지정하고 캐시된 이미지 및 파일에 체크 후 지우기

 

 

 

※ 크롬 브라우저 기준

 

 

상단 메뉴 - 설정 - 인터넷 사용 기록 삭제

 

 

쿠키 및 기타 사이트 데이터, 캐시된 이미지 및 파일 체크 후 삭제

 

 

2. django - settings.py 수정

 

 

사용자가 만든 프로젝트 - config 경로

 

사용자 프로젝트 - config - settings.py 열기

 

본인은 static 폴더를 따로 만들어 css, js 파일을 모아두었다.

 

오른쪽 이미지처럼 변경한다

# settings.py 하단부

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

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    BASE_DIR / 'static',
]

코드를 다음과 같이 수정

 

폴더 이름을 'static'이라고 지정해 두었는데 이는 사용자마다 다르므로

사용자가 지정한 정적 파일 폴더로 지정하면 된다.

 

 

맨 처음 이미지와는 다르게 잘 표시되는 모습.

 

그럼 이렇게 잘 표시되는것을 확인할 수 있다.