인프런 커뮤니티 질문&답변

채승완님의 프로필 이미지
채승완

작성한 질문수

작정하고 장고! Django로 Pinterest 따라만들기 : 바닥부터 배포까지

ProjectApp 구현

base.css

작성

·

444

1

안녕하세요 강의 잘 듣고 있습니다

강의에서 base.css에서 스타일 적인 부분을 수정해도 제 페이지에서는 적용이 안되서 질문을 남기게 되었습니다

참고로 현재 pragmatic에서 setting.py에서 경로입니다

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

STATICFILES_DIRS = [
BASE_DIR / "static",
]

오류내용을 정확히 말씀드리면 좋겠는데 base.css 파일만 적용만 안되고 다른 부분은 실행이 잘 돼 오류 메세지가 따로 나오지 않네요.. 

base.css 경로도 잘 잡혀 있는거 같은데 왜 적용이 안되는지 모르겠네요.. 질문이 모호해서 답변하기 어려우시겠지만 혹시 관련해서 추측되는 부분 있으시면 알려주시면 정말 감사하겠습니다

답변 4

2

채승완님의 프로필 이미지
채승완
질문자

Disable cache 기능을 check하니까 적용이 되네요

모호한 질문이었는데도 불구하고 답변 해주셔서 감사합니다

2

Hyong Sok Park님의 프로필 이미지
Hyong Sok Park
지식공유자

안녕하세요 채승완님!

강좌 잘 듣고 계시다니 너무 감사하네요.

질문에 답변드리겠습니다.

CSS 파일이 제대로 적용이 되지 않을 경우에는 일단 파일이 정상적으로 불러와지는지 확인할 필요가 있습니다.

F12 를 눌러 크롬 개발자 탭을 열고, 'Network' 탭에 들어가서 해당 파일이 404 Not Found 가 아니라 정상적으로 200 응답을 받고 있는지 확인해주세요.

만약 제대로 받아오고 있다면, 경로 문제보다 다른문제일 가능성이 높겠죠.

그리고 제대로 받아오고 있다고 하더라도, 가끔 CSS 파일을 브라우저 자체적으로 캐시하여 사용하는 경우가 있기 때문에, F12 > Network 탭의 'Disable cache' 기능을 활성화 하여 이전 버전의 CSS 를 사용하지 않게도 설정해보시면 좋을 것 같습니다.

제대로 받아와지지 않는다면, 경로 문제일 가능성이 높습니다.

해당 파일의 경로가 제대로 적혀있는지, static 구문에 문제가 없는지 다시한번 확인해주시면 좋을 것 같습니다.

그래도 안된다면, 강좌에서 말했지만 CSS 설정이 적용되는 3가지 우선순위가 있습니다.

1순위 적용 순서는 html 태그에 설정된 style 값이고,

2순위 적용순서는 html 파일 내부에 적어놓은 <style> ...  </style> 태그의 설정값

3순위 적용순서는 css 파일로 외부에서 받아온 설정값입니다.

적용하려는 설정을 CSS 파일에 적었는데, html 태그에 같은 style 속성이  선언되어있는지 확인해보시는 것도 좋을 것 같습니다.

그래도 해결이 되지 않는다면 다시 질문 남겨주세요!

0

감사합니다:)

0

같은 문제가 있었는데 덕분에 해결했습니다 감사합니다

채승완님의 프로필 이미지
채승완

작성한 질문수

질문하기