장고에서 다루는 파일
•
정적 파일 : 미리 서버에 저장되어 있는 파일로 서버에 저장된 그대로를 서비스해주는 파일
→ Static : 개발자가 서버를 개발할 때 미리 넣어놓은 정적 파일(Img, js, css)
→ media : 사용자가 업로드 할 수 있는 파일
•
동적 파일 : 서버의 데이터들이 어느정도 가공된 다음 보여지는 파일로 상황에 따라 달라질 수 있음
blog 폴더에 static 폴더 만들고 안에 png 사진 넣음
settings.py 맨 아래에 static 관리 가능 → 정적 파일 편리하게 모음
다음과 같이 코드 작성
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'blog', 'static')]
# 현재 static 파일들이 어디에 있는지
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
# static 파일을 어디에 모을건지
Python
복사
맨 위에 import os 도 추가
home.html 페이지 뿐만 아니라 모든 페이지에 띄우기
base.html 의 바디 윗 부분에 {% load static %} 넣기
nav 끝나고 <img src="{% static 'squirrel.png' %}" alt=""> 넣기 ... 페이지 실행시 사진 나옴
width="50" height="50" 넣어서 크기 조정 가능
Nav 바에 사진 고정시키기
<a class="navbar-brand" href="#">Navbar</a> 에서 Navbar 을 <img src="{% static 'squirrel.png' %}" alt="" width="50" height="50"> 을 가져와서 바꿈
사진 눌렀을 때 home 으로 가기
<a class="navbar-brand" href="{% url 'home' %}"> 로 href 부분 바꾸기
Nav 바 기능 눌렀을 떼 기능하기 (Write)
<a class="nav-link active" aria-current="page" href="#">Home</a> 에서
다음과 같이 바꿈
<a class="nav-link active" aria-current="page" href="{% url 'new' %}">Write</a>
중복 삭제 - home.html 에 다음 코드 삭제
<div>
<a href="{%url 'new'%}">write blogs</a>
</div>