본문 바로가기

✒️ Python Programming/Frameworks23

< django - 11 > 11. 템플릿 상속과 표준 HTML 구조 # 표준 HTML 구조 -> HtML5 문서임을 알리는 지시어 문서의 본문 텍스트, 이미지, 테이블, 자바스크립트 코드, 동영상 등 --> 관련 포스트 : https://alim11.tistory.com/70?category=985847 - 태그 : , 등 - 엘리먼트 : ~ 처럼 태그와 태그 사이의 닫힌 구간(Block). 태그로 둘러싸인 구간의 경우 table 엘리먼트라고 한다. # 템풀릿 상속(extend) : 기본 틀이 되는 템플릿을 먼저 작성한 후 다른 템플릿에서 그 템플릿을 상속하여 사용 1. 기본 틀의 역할을 할 base.html 템플릿을 파일 이름을 projects/mysite/templates/base.html 으로 하여 아래와 같이 작성한다. +.. 2022. 8. 4.

< django - 10 > 10. 부트스트랩 설치 및 적용 # 부트스트랩 설치 및 질문 목록에의 적용 1. 부트스트랩 설치 -> projects\mysite\templates\pybo\question_list.html 파일에 아래처럼 부트스트랩 적용 + 코드의 맨 위에 {% load static %} 추가함 2. 템플릿이 부트스트랩을 사용할 수 있도록 아래처럼 projects\mysite\templates\pybo\question_list.html 파일을 수정 + 태그를 사용하지 않고 질문 목록을 테이블 구조로 변경 + 작성일시 항목과 번호 추가 (Line 7 ~ 9) + Line 16의 {{ forloop.counter }}는 for 문의 현재 순서를 의미 + class="container my-3", class="table",.. 2022. 8. 4.

< django - 9 > 9. 스태틱 + CSS + 스타일시트와 템플릿에 스타일 적용하기 # 스태틱(Static) 디렉터리 - 스타일시트 파일은 장고의 스태틱 디렉터리에 저장 1. config/settings.py 파일을 아래처럼 수정 + STATICFILES_DIRS 이라는 리스트 변수를 추가 + STATICFILES_DIRS 에 BASE_DIR / 'static' 디렉터리를 추가했다. 2. static 디렉터리 생성 + BASE_DIR / 'static'은 C:\projects\mysite\static 디렉터리를 의미 # 스타일시트와 템플릿에 스타일 적용하기 1. style.css 파일을 파일명을 projects\mysite\static\style.css 으로 하여 아래와 같이 작성 + 파일 속 상세화면에 적용할 스타일을 정.. 2022. 8. 3.

< django - 8 > 8. 데이터 저장 + 답변등록 폼 + URL 매핑 + 뷰 함수 + 답변 저장 + 답변 조회 # 답변등록 폼 - 질문 상세 탬플릿에 아래와 같이 답변 저장이 가능한 폼(form) 추가 + 답변 내용 입력하는 공간인 텍스트창(textarea), 답변 저장이 가능한 "답변등록" 버튼이 추가됨 + line 6의 {% url 'pybo:answer_create' question.id %} --> form 태그의 action 속성에 있는 답변 저장을 위한 URL + line 7의 {% csrf_token %} --> form에서 작성한 데이터가 실제로 웹페이지에서 작성한 데이터인지를 판단하는 역할을 함. 만약 웹페이지에서 작성한 데이터가 아닐 경우 서버에서 발행한 csrf_token 값과 다른 곳에서 작성된 csr.. 2022. 8. 1.

< django - 7 > 7. URL 하드코딩 + URL 별칭 + URL 네임스페이스 # URL 하드코딩 : 해당 URL에 대한 실제 링크를 사용할 경우, URL 링크의 구조 변경 시( URL 리팩토링 ) 템플릿에서 쓴 모든 URL들을 하나하나 찾아 수정해야 하는 문제가 발생 --> 링크 주소가 1대 1로 매핑된 상태인 별칭을 사용하여 해결 가능 # URL 별칭 : URL 매핑에 name 속성을 부여하면 링크 주소 대신 별칭 사용 가능 - pybo/urls.py 파일을 아래 같이 수정 + http://localhost:8000/pybo/ URL은 index, http://localhost:8000/pybo/2와 같은 URL에는 detail 이라는 별칭 부여 # 템플릿에서의 URL 별칭 사용 - 위의 사진처럼 pybo/urls.p.. 2022. 8. 1.

< django - 6 > 6. 질문 목록 + 템플릿 디렉터리 + 템플릿 파일 + 템플릿 태그 유형 + views.py + urls.py + 오류 페이지와 응답 코드 # 질문 목록 : http://localhost:8000/pybo/ 페이지를 요청했을 때 질문 목록 출력하기 1. pybo/views/py 파일의 index 함수를 아래같이 바꾼다. + 질문 목록의 데이터는 Question.objects.order_by('-create_date') 로 얻을 수 있음 + order_by('-create_date') --> 작성 일시를 역순(=최신순)으로 정렬 ( 여기서 마이너스( - ) 기호가 있으면 역방향, 없으면 순방향 정렬 ) + render 함수 : 파이썬 데이터를 템플릿에 적용하여 HTML로 변환하는 함수 + 템플릿(Templ.. 2022. 7. 30.

이전 1 2 3 4 다음

티스토리툴바