Skip to content

[2주차] Django MTV 정복기 #14

@gesal03

Description

@gesal03

*기한 내 미제출은 1OUT 대상으로, 3OUT이 되면 동아리 활동이 어려운 점 잊지 마세요 !!
어려우면 포기하지말고 멘토에게 적극적으로 질문 해주길 바랍니다 !!

[2주차] Django MTV 정복기

기한: 05/04 (목) 23:59까지

과제 설명

2주차 세션 내용을 토대로 나만의 웹사이트 제작!

조건

  • 과제를 수행하는 동안 최대한 PPT를 보지 않고 스스로 해보세요!
  • 최소 4가지의 Template을 통해 4개 이상의 url을 구성해주세요!
  • Template과 url 구성은 자유롭게 하셔도 됩니다.

Tip

  1. 2차 세션 내용 복습
  2. S.M.U.V.T 기반 개발 과정 준수
  3. Template 언어 활용

과제 예시

127.0.0.1:8000

image

127.0.0.1:8000/about

image

127.0.0.1:8000/services

image

127.0.0.1:8000/portfolio

image

###127.0.0.1:8000/contact
image

Tempalte 언어

{% block content %}, {% endblock %} 태그

템플릿 상속: 중복되는 html 파일 내용을 반복해서 작성해야하는 번거로움을 줄여줍니다.

기본 HTML

스크린샷 2023-04-27 오후 3 26 12

상단의 이미지와 같이 {% block content %}, {% endblock %} 태그를 사용
해당 영역에 상속받은 HTML의 코드가 삽입됩니다.

상속받을 HTML

스크린샷 2023-04-27 오후 4 10 18

{% extends '<상속 받을 html>' %}: 상속 받을 HTML 지정, 최상단에 작성.
{% block content %}, {% endblock %}: 상속 받을 HTML에 넣을 코드 블록

navigation Bar url 지정

{% url '<url 이름(별칭)'> %}

<url 이름(별칭)>: urls.py에서 name 속성을 지정된 문자열에 해당하는 값

href 속성 값으로 url 지정해주면 됩니다.

HTML

스크린샷 2023-04-28 오후 6 54 36

urls.py

스크린샷 2023-04-28 오후 6 55 35

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions