장고 프로젝트 템플릿 적용하기 Django Project to do list - 2

저번 글에 이어 Django에서 HTML 템플릿을 적용하는 방법을 학습하고자 한다. 이전에 페이지에 글자를 출력하는 것에 성공했지만,  "보통 생각하는 웹 페이지"와는 거리가 다소 멀었기 때문이다.

https://bmil2011s.tistory.com/20

장고 프로젝트 기본 설정 Django Project to do list - 1

보통의 템플릿은 HTML CSS 나아가서는 Javascript 로 이어지고, 이는 본인의 진로와는 달리 프론트엔드에서 주로 다뤄지므로 직접적으로 다루지는 않고 만들어져 있는 템플릿을 가져와서 적용하는 방법, 즉 기초 정도를 학습하겠다.

 

1. 템플릿 사용할 폴더 만들기

- 다음과 같이 my_to_do_app 내부에 templates 폴더를 만들고 그 안에 다시 my_to_do_app폴더를 만든다.

* my_to_do_app에서 우클릭 새 폴더 >  templates 만들기 > templates 에서 우클릭 새 폴더 my_to_do_app 만들기

* HTML 파일로 템플릿 사용 시 : 장고는 해당 app에서 templates 폴더를 찾게 되고, 동일한 app의 이름의 폴더를 찾아 그 내부의 html 파일을 사용하기 때문(앱 내부 템플릿 폴더의 앱과 동일한 이름폴더의 html) 아는 형님의~ 아는 누님의~

2. 템플릿 다운로드 후 이동

- 아래의 링크로 이동해서 템플릿을 받아 파일명에서 init을 삭제하여 활용하였다.

https://github.com/doorBW/Django_with_PracticeExamples/tree/master/project/ToDoList

- 파일 이동하는 방법은 다양한데, 본인은 편하게 다운로드 폴더에서 해당 파일을 해당 폴더에 그냥 드래그 앤 드롭했다.

 

3. views.py 수정하기

- 단순히 템플릿 폴더를 만들고 html 파일을 가져온 것만으로는 웹페이지가 바뀌지 않는다. 이전에 웹페이지가 보이는 부분을 변경하고자 한다면 당연하게도(?) 웹페이지 표현 부분, 메세지를 작성한 부분인 views.py에서 수정을 해주어야 우리가 사용한 템플릿이 웹페이지에 보이게 된다. html 파일을 사용자에게 보여주는 render 함수로 코드를 수정한다.

- 템플릿 적용을 확인하고 싶으면, "python manage.py runserver" 명령어를 이용하여 다음과 같이 바뀐 웹페이지를 확인할 수 있다.

* 한편 request 를 render 함수 인자로 사용하는 이유는 user나 session 같은 값들을 전달하기 때문(웹은 기본적으로 요청에 의한 거니까?)

 

 

 

 

 

* 이 글은 Django 한그릇 뚝딱(문범우, 2019)의 챕터 2 "ToDoList 만들기" 내용을 참고하였음.