[개인 웹사이트 만들기]

[Django] resume 정적 페이지 추가

UtakerS 2025. 1. 22. 11:05
반응형

[Django] startbootstrap을 활용한 templates, static 구성 방법에 이어서 상단 바에서 Resume 버튼을 클릭하면 이력서 페이지가 나오게 추가해본다.

 

 

blog와 마찬가지로 startbootstrap에서 이력서 페이지에 사용할 템플릿을 다운받아서 압축 해제한다.

static 디렉토리에 resume 디렉토리를 만들어서 그 아래 스타일 파일들을 넣어주고

template 디렉토리에 resume.html 파일을 넣어준다.

 

블로그 index.html에서 24번 라인에서 href를 resume로 변경

Resume 버튼을 누르면 /resume URL를 요청하게 된다.

 

 

blog/urls.py에 /resume 로 요청이 들어오면 views.resume를 참고하고
blog/views.py resume에서는 resume.html를 출력하는 코드를 추가한다.\

 

HTML 코드 수정

템플릿 최상단에 {% load static %}태그를 먼저 삽입해주어야 한다.

템플릿에서 스타일시트 파일에 {% static ...%} 템플릿 태그를 사용

 

그리고 내 이력서에 맞게 내용등을 수정

static\resume\assets\img\profile.jpg도 증명사진으로 변경

 

정적 페이지라 비교적 쉽게 추가할 수 있다.

반응형