Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
gesal03 opened this issue Apr 7, 2023 · 0 comments
Open

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

gesal03 opened this issue Apr 7, 2023 · 0 comments

Comments

@gesal03
Copy link

gesal03 commented Apr 7, 2023

*기한 내 미제출은 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

Beomtae added a commit to Beomtae/Backend that referenced this issue May 3, 2023
hyeonda02 added a commit to hyeonda02/Backend that referenced this issue May 3, 2023
0hyujin added a commit to 0hyujin/Backend that referenced this issue May 3, 2023
This was referenced May 3, 2023
ljy6712 added a commit to ljy6712/Backend that referenced this issue May 3, 2023
xogk1128 added a commit to xogk1128/Backend that referenced this issue May 4, 2023
xogk1128 added a commit to xogk1128/Backend that referenced this issue May 4, 2023
drgnseok added a commit to drgnseok/Backend that referenced this issue May 4, 2023
drgnseok added a commit to drgnseok/Backend that referenced this issue May 4, 2023
xogk1128 added a commit to xogk1128/Backend that referenced this issue May 4, 2023
xogk1128 added a commit to xogk1128/Backend that referenced this issue May 4, 2023
xogk1128 added a commit to xogk1128/Backend that referenced this issue May 4, 2023
yaerankim added a commit to yaerankim/Backend that referenced this issue May 4, 2023
yaerankim added a commit to yaerankim/Backend that referenced this issue May 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant