[Django] 7. Django 앱 작성하기 part.6 (Style 적용하기)

https://docs.djangoproject.com/ko/5.0/intro/tutorial06/

첫 번째 장고 앱 작성하기, part 6 | Django 문서

 

이번 내용은 간단하게 css 파일을 적용하고 글자색 및 배경화면을 추가하는 것이다.

 

맨 처음 polls/static/polls/style.css 파일을 추가하여 코드를 넣고 polls/templates/polls/index.html에 내용을 적용하면 다음과 같이 글자색이 변경되는 것을 확인할 수 있다.

변경이 되지 않는다면, 서버를 재시작해야 변경되는 것을 확인할 수 있으니 다시 시작해보길 바란다.

 

그 다음은 배경을 추가하는 내용이다.

이는 여기서 직접 파일을 주지 않기 때문에, 임의의 png 파일을 다음의 이미지와 같이 추가하여 확인하면 된다.

파일의 이름은 임의대로 지어도 상관없지만 그렇게하면 코드의 이름도 똑같이 변경되어야 한다.

body {
    background: white url("images/background.png") no-repeat;
}

image 폴더 아래 background.png를 참조하도록 되어있다.

이미지 파일을 마음대로 추가해도 되지만 경로와 이름 그리고 확장자까지 올바르게 매칭 되도록 한다.

 

인터넷에서 아무 이미지를 가져와 적용한 모습이다.

 

어렵지 않게 css를 적용하는 것을 확인할 수 있다.

---

다음으로

https://haku-s.tistory.com/26

[Django] 8. Django 앱 작성하기 part.7 (관리자 페이지 커스터마이징)