Chapter 1-8 Django 템플릿 설정 및 문법 기초 정리

2025. 4. 29. 19:17·Django
목차
  1. 1. 🎨 Django 템플릿 폴더 및 HTML 파일 생성
  2. 2. 📜 Django 템플릿 설정 과정
  3. 3. 🛠️ Django 템플릿 경로 설정
  4. 4. 🎬 Django 템플릿 문법과 리스트 출력
  5. 5. ✏️ Django 템플릿 문법 심화 사용
  6. ✅ 정리

📚 Django 템플릿 설정 및 문법 기초 정리


1. 🎨 Django 템플릿 폴더 및 HTML 파일 생성

  • 기존에는 URL을 통해 HTML을 생성하고 HTTP 응답을 처리하는 방식으로 작업했다.
  • 이번에는 View를 거치지 않고 템플릿을 직접 생성하여 반환하는 방식을 적용한다.
  • manage.py가 있는 경로에 templates 폴더를 생성한다.
  • templates 폴더 안에 movies.html이라는 HTML 파일을 생성한다.

2. 📜 Django 템플릿 설정 과정

  • URL 설정 파일을 수정한 후, 기존 코드는 주석 처리하거나 삭제한다.
  • render 함수를 이용해 템플릿을 반환한다.
  • render(request, 'movies.html', context) 형태로 작성한다.
  • context에는 영화 목록 데이터(예: movie_list)를 딕셔너리 형태로 전달한다.
  • 참고: context나 template_name은 명시적으로 입력할 필요 없이 자동으로 동작할 수 있다.

3. 🛠️ Django 템플릿 경로 설정

  • 'Template does not exist' 에러 발생 시 세팅 파일 설정이 필요하다.
  • settings.py의 TEMPLATES 설정 안에 DIRS 리스트를 수정한다.
  • 예시:
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [ BASE_DIR / 'templates' ],
        ...
    }
]
  • BASE_DIR는 프로젝트 루트 경로를 가리킨다.
  • 경로 설정 후 새로고침하면 정상적으로 템플릿을 로드할 수 있다.

4. 🎬 Django 템플릿 문법과 리스트 출력

  • 무비 리스트를 HTML에 출력할 때 Django 템플릿 문법을 사용한다.
  • {% for movie in movie_list %} ~ {% endfor %} 구조를 사용해 루프를 돌린다.
  • 중괄호 두 개({{ movie.title }})로 데이터를 출력할 수 있다.
  • 필요한 경우 줄바꿈을 위해 <br> 태그를 추가한다.

5. ✏️ Django 템플릿 문법 심화 사용

  • 링크(HREF)를 설정할 때, forloop.counter0를 사용해 인덱스를 관리한다.
  • Django 템플릿 문법에서는 기본적으로 연산(덧셈/뺄셈)이 불가능하다.
  • 덧셈이 필요한 경우 |add 필터를 사용한다.
    • 예시: {{ forloop.counter|add:'-1' }}
  • 반복 횟수 제한은 {% if forloop.counter <= 3 %} 형태로 작성할 수 있다.
  • 조건문을 쓸 때는 항상 {% endif %}로 종료해야 한다.

✅ 정리

  • View 없이도 템플릿 렌더링이 가능하다.
  • settings.py에 template 경로를 꼭 추가해야 한다.
  • 템플릿 문법은 매우 강력하지만 약간의 제약(연산 불가)이 있다.
  • 이를 보완하기 위해 Django는 다양한 필터와 템플릿 태그를 제공한다.

다음에는 ➡️ 템플릿 상속과 static 파일 사용법으로 이어서 학습할 수 있습니다! 🚀

'Django' 카테고리의 다른 글

Chapter 1-10 Django로 구구단 페이지 만들기  (0) 2025.04.29
Chapter 1-9 Django 템플릿 구성 파일 개발 & 방안  (0) 2025.04.29
Chapter 1-7 Django - 가짜 데이터베이스로 웹 페이지 만들기 튜토리얼  (0) 2025.04.29
Chapter 1-6 Django 기본 HTTP 응답 만들기 튜토리얼  (0) 2025.04.29
Chapter 1-2 Windows에서 pyenv + 가상환경 설정법 (Mac 과정 대응 버전)  (0) 2025.04.29
  1. 1. 🎨 Django 템플릿 폴더 및 HTML 파일 생성
  2. 2. 📜 Django 템플릿 설정 과정
  3. 3. 🛠️ Django 템플릿 경로 설정
  4. 4. 🎬 Django 템플릿 문법과 리스트 출력
  5. 5. ✏️ Django 템플릿 문법 심화 사용
  6. ✅ 정리
'Django' 카테고리의 다른 글
  • Chapter 1-10 Django로 구구단 페이지 만들기
  • Chapter 1-9 Django 템플릿 구성 파일 개발 & 방안
  • Chapter 1-7 Django - 가짜 데이터베이스로 웹 페이지 만들기 튜토리얼
  • Chapter 1-6 Django 기본 HTTP 응답 만들기 튜토리얼
Chansman
Chansman
안녕하세요! 코딩을 시작한 지 얼마 되지 않은 초보 개발자 찬스맨입니다. 이 블로그는 제 학습 기록을 남기고, 다양한 코딩 실습을 통해 성장하는 과정을 공유하려고 합니다. 초보자의 눈높이에 맞춘 실습과 팁, 그리고 개발하면서 겪은 어려움과 해결 과정을 솔직하게 풀어내려 합니다. 함께 성장하는 개발자 커뮤니티가 되기를 바랍니다.
  • Chansman
    찬스맨의 프로그래밍 스토리
    Chansman
  • 전체
    오늘
    어제
    • 분류 전체보기 (800) N
      • Python (32)
      • 프로젝트 (115) N
      • 과제 (25)
      • Database (40)
      • 멘토링 (11)
      • 특강 (37)
      • 기술블로그 (41)
      • 기술블로그-Fastapi편 (33)
      • 기술블로그-Django편 (154)
      • 기술블로그-Flask편 (36)
      • AI 분석 (5)
      • HTML & CSS (31)
      • JavaScript (17)
      • AWS_Cloud (21)
      • 웹스크래핑과 데이터 수집 (14)
      • Flask (42)
      • Django (77)
      • Fastapi (16)
      • 연예 (14)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    travel ban
    hotcoffeecase
    basalcellcarcinoma
    gpterror
    life reflection
    homebartrend
    chatgpterror
    btsjungkook
    btscomeback
    livebroadcast
    titaniumcase
    trumpmuskclash
    bts
    college reunions
    lawsuitculture
    smartphonedurability
    americaparty
    RM
    remittance
    self-growth
    urbantrends
    classaction
    americanlaw
    뷔
    chinanightlife
    btsreunion
    newpoliticalparty
    global politics
    youngprofessionals
    btsdischarge
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Chansman
Chapter 1-8 Django 템플릿 설정 및 문법 기초 정리

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.