멋쟁이 사자처럼 at 한국교통대학교 7기

2019 KNUT X LIKE LION #7

코스 전체목록

닫기

templates 구성

templates 구성

  • 우리는 홈 화면을 구성하기 위해 html 문서를 만들어야 합니다.
  • 이러한 html 문서를 관리하기 위한 것이 [templates]입니다.
     
  • 우리는 [blogapp] 안에서 홈 화면을 띄울 것이므로 [templates]를 [blogapp]으로 옮깁니다.
[templates]를 드래그 앤 드롭하여 [blogapp]으로 끌어다 놓습니다.
그러면 다음과 같이 [Move] 대화 상자가 나오는데 [OK]를 눌러줍니다.

 

 

  • 다음과 같이 [blogapp]안에 [templates]가 위치한 것을 볼 수 있습니다.

 

 

  • 이 [templates]에 html 문서를 하나 만들겠습니다.
[templates]를 선택하고 오른쪽 클릭을 합니다.
[New] - [HTML File]을 선택합니다.

 

  • 통상적으로 어떤 홈 페이지를 접속할 때, 가장 처음으로 접속하는 페이지가 index.html 입니다.
    따라서 우리도 블로그의 홈 화면을 구성할 것이므로 index.html 문서를 만들겠습니다.
다음과 같은 창이 뜨면, index 를 입력 후 [OK]를 누릅니다.

 

 

  • [templates] 안에 [index.html] 파일이 생성된 것을 확인할 수 있습니다.

 

  • PyCharm을 사용하면, html 문서 생성시 다음과 같이 기본 양식이 자동으로 생성됩니다.
<body> 태그 안에 아무 문장이나 씁니다.

  • 제가 작성한 html 코드입니다. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
안녕하세요. 한국교통대학교 멋쟁이 사자처럼.
</body>
</html>

 

 

 

views.py & urls.py

  • 우리는 지금까지 홈 화면을 구성하기 위해 html 문서를 만들었습니다.
  • index.html 문서도 만들었으니 이제 실행하면 html 문서가 보일까요?
    안타깝게도 보이지 않습니다.
    이를 해결하기 위해 views.py와 urls.py 파일을 수정하는 과정을 거쳐야 합니다.
     
  • 이는 다음 토픽에서 살펴보도록 하겠습니다.

 

 

 

댓글

댓글 본문
  1. import.위드
    감사합니다 ㅎㅎ
  2. Guraeng
    없으면 그냥 직접 빈 폴더/디렉터리를 생성하시고 안에 html 파일 생성하거나 넣으셔도 됩니다.
    대화보기
    • templates이 어디에 있는 건가요? 저는 생기지 않았습니다..
    버전 관리
    KNUT X LIKE LION
    현재 버전
    선택 버전
    graphittie 자세히 보기