2.4 Django Template 알아보기

장고의 구성 요소 중 하나인 템플릿에 대해 알아보겠습니다.

 

2.4.1 Django Template 이란

템플릿은 사용자에게 보이는 부분이라고 했습니다. 즉 웹 페이지의 골격 HTML로 작성된 부분이라는 것을 의미합니다. 

이 부분은 프론트 개발 영역에 포함된다고 생각할 수 있겠습니다. 

 

2.4.2 Django Template의 특징

장고의 템플릿은 일반적인 HTML 작성과 99% 동일합니다. 아주 작은 차이가 있다면 

템플릿 태그 입니다. 장고의 장점이라고 할 수 있는데요,

 

Django의 템플릿 태그는 HTML이 파이썬 코드로부터 데이터를 바로 넘겨받아서 손쉽게 처리할 수 있는 도구입니다. 

 

HTML -> 마크업 언어 이므로 정적인 웹페이지를 보여주기만 합니다. 

무언가 데이터를 넘겨 받아서 보여주기 위해서는 자바스크립트와 같은 도구가 도와주어야 하는데, 

장고에서는 아주 편하게도 파이썬으로부터 바로 데이터를 넘겨받을 수 있도록 하는 템플릿 태그가 있습니다. 

 

 

 

2.5 Django View, URL 알아보기

Django 의 마지막 구성 요소인 View와 URL에 대해 알아보겠습니다. 

 

 

2.5.1 Django View란

뷰는 모델을 통해 데이터에 접근하여 템플릿으로부터 요청 받은 데이터를 뽑아와 템플릿에게 답변으로 보내줍니다. 먼

 

뷰를 만드는 방법은 다양합니다. 가장 크게 나누면 함수형 뷰와 클래스형 뷰로 나눠볼 수 있습니다.

클래스형 뷰 -> DRF 할 때 알아보도록 하고,

 

뷰의 개념을 익히기 위해 쉬운 함수형 뷰 형태로 작성해 보겠습니다. 

 

이제 기능 개발의 마지막 단계이자 프론트엔드가 백엔드에게 데이터를 요청하도록 도와주는 URL에 대해 알아보겠습니다. 

 

 

2.5.2 Django  URL이란

우리가 알고있던 URL과 크게 다르지 않습니다. 

URL은 그동안 웹 브라우저에서 웹 사이트로 이동하기 위해서만 사용했을 뿐 URL은 내부적으로 많은 일을 하고 있습니다. 

 

URL은 앞서 배운 라우팅의 역할과 동시에 서버로 해당 주소에 할당된 리소스를 요청하는 역할을 합니다. 

 

이제 본격적인 기능들을 만들어볼까요? 모델 -> 템플릿 -> 뷰 -> URL 순서로 할 것입니다. 

 

 

2.6 서비스 기능 하나씩 구현하기

 

2.6.1 사진 목록 화면 만들기

사진 게시물들을 볼 수 있는 메인 목록 화면을 만들어 보겠습니다. 

 

템플릿

템플릿은 화면마다 파일 하나씩 만들 것이기 때문에 폴더로 관리하는 것이 좋습니다. 

뷰

뷰는 데이터베이스에서 데이터를 꺼내 템플릿으로 전달하기도 하지만, 템플릿을 보이게 하는 역할도 할 수 있습니다. 

 

 

URL

다시 runserver 해보고, 127.0.0.1:8000으로 들어가면 위와 같은 화면이 나옵니다. 

아직 모델과 연결되어 있지 않아 실제 데이터를 가져오지 않습니다. 

 

템플릿

템플릿에서 뷰로부터 데이터를 받아오려면 템플릿 태그를 활용해야 합니다. 

사진 데이터를 여러 개 가져오게 될 것입니다. 이를 고려해 여러 장의 사진을 반복문 속 태그로 간단히 표현해볼 수 있습니다. 

 

데이터가 변수의 형태로 바뀐 것을 볼 수 있습니다. 

사진 여러 장을 photos라는 이름으로 가져와 이를 반복문으로

하나의 photo로 처리해 photo.title, photo.image와 같이 불러 왔습니다.

 

이제 뷰에서 photos라는 데이터를 넘겨주도록 수정하면 됩니다. 

 

뷰

뷰에서 마지막 인자에 있던 {}을 활용하면 템플릿으로 데이터를 보낼 수 있습니다. 

{} 안에 넣고자 하는 데이터를 데이터의 이름과 함께 보내주면 됩니다. 

 

그전에 모델에서 데이터를 꺼내와야 할텐데, 이는 Django에서 제공하는 ORM기능을 통해

파이썬 문법으로 데이터베이스 쿼리를 실행하는 것과 동일한 효과를 갖도록 합니다. 

 

- Photo.objects.all() 을 통해 Photo 모델 데이터를 모두 가져왔고, 

이를 {}에 넣어서 템플릿으로 전달하였습니다. 

 

 

 

 

 

https://link.coupang.com/a/UtMUo

백엔드를 위한 Django REST Framework with 파이썬

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."