국비 교육 105일차 - django project 마무리(사진 등록, 템플릿 적용)

오늘도 게시판을 만들어서 별 다르게 새로 배운건 없어서 처음 배운 부분만 블로깅해보려고 한다.

사진을 넣는 방법이 달라서 정리를 해보고자 한다.

사진 파일들은 static 폴더에 저장을 해두고 불러와야 하는데, 저 static 폴더 경로를 읽기 위해서는 settings.py 파일에서 변경이 필요하다.

 

# 이미지, 동영상 출력시에

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

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

 위와 같이 path를 등록해준다. 

<img src="/static/board.jpg" width="900" height="200">

 static 폴더안에 저장해준 그림 파일을 위와 같이 받아와서 출력을 해준다. 

 

그리고 템플릿을 구해와서 출력해본다. 그걸 위해서는 역시 static 폴더를 만들어야 한다. 

 

 

 

 

 

일단 base.html을 만들어주고 그 안에서 내용이 바뀔 수 있도록 헤더와 푸터는 남기고 내용을 비워준다. 

그리고 diaryapp폴더 하위에 static 폴더를 두고 그 안에 css및 js폴더들을 저장한다. 

 

 헤더와 푸터만 남겨두고 중간의 block에 내용을 넣어줘야하기 때문에 구역을 정해둔다. 

 

 

그리고 내용을 채울 home.html에는 아래와 같이 코드를 세줄 넣어준다.

{% extends 'diary/base.html' %}
{% block content %}
{% load static %}

 diary폴더에 있는 base.html 파일을 상속받아와서 block의 내용을 채워주고, static폴더 역시 같이 로드한다. 

 

그러면 이제 css를 적용하는 방법을 보면,

 

 주소는 static을 사용해서 이렇게 갖다둬야한다. 

 

그러면 이제 템플릿을 사용한 include가 완성된다.