KT 에이블스쿨 78일차(1)

오늘은 지금까지 프로젝트에 이제 CSS를 첨가하여 보이는 화면을 꾸몄습니다.

CSS

오늘은 따로 수업이 있던 것이 아니라 사실 포스팅할 것이 없습니다.

장고는 CSS를 적용하는 방법이 {% load static %}을 활용해서 css와 같은 정적 파일을 관리하는 폴더를 만들어서 관리했습니다.

사전 작업으로 settings.py에

	STATIC_URL = 'static/'
    
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'static'),
    )

작성을 해줍니다.

<link rel='stylesheet' href="{% static 'style.css' %}" >
static 하위 폴더에 stlye.css라는 파일을 만들어 css를 관리하고 위 코드를 index.html에 작성해주면 해당 css 규칙을 index.html에 적용해줍니다.

CSS 추가

css를 작성하면서 몰랐던 방법을 작성하겠습니다.
아래와 같이 작성해주면 background 즉, 배경에 이미지를 삽입할 수 있습니다.

	<div background-image : url('이미지 URL')>  </div>

background-image 옵션을 사용하면 배경에 이미지를 넣을 수 있습니다.

오늘은 포스팅할 것이 없어 너무 슬픕니다.

※공부하고 있어 다소 틀린점이 있을 수 있습니다. 언제든지 말해주시면 수정하도록 하겠습니다.
※용어에 대해 조금 공부 더 해서 수정하겠습니다.