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 파일을 수정하는 과정을 거쳐야 합니다.
- 이는 다음 토픽에서 살펴보도록 하겠습니다.