티스토리 뷰
Flask 기초: 기본 폴더구조 - 항상 이렇게 세팅하고 시작!
Flask 서버를 만들 때, 항상,
프로젝트 폴더 안에,
ㄴstatic 폴더 (이미지, css파일을 넣어둡니다)
ㄴtemplates 폴더 (html파일을 넣어둡니다)
ㄴapp.py 파일
이렇게 세 개를 만들어두고 시작하세요. 이제 각 폴더의 역할을 알아봅시다!
(꼭 참고!! venv는 실제로는 보이지만, 안보인다~라고 생각하세요! 기억하시죠?)
Flask 기초: HTML 파일 불러오기
templates 폴더의 역할을 알아보겠습니다.
HTML 파일을 담아두고, 불러오는 역할을 하죠!
간단한 index.html 파일을 templates 안에 만들기
[코드스니펫] index.html 예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Document</title>
</head>
<body> <h1>서버를 만들었다!</h1> </body>
</html>
html 파일 불러오기
flask 내장함수 render_template를 이용합니다. 바로 이게 프레임워크의 위력!
from flask import Flask, render_template
app = Flask(__name__)
## URL 별로 함수명이 같거나,
## route('/') 등의 주소가 같으면 안됩니다.
@app.route('/')
def home():
return render_template('index.html')
if __name__ == '__main__':
app.run('0.0.0.0', port=5000, debug=True)
'항해' 카테고리의 다른 글
4주차_5([모두의책리뷰] - 프로젝트 세팅) (0) | 2021.12.12 |
---|---|
4주차_4(Flask시작하기 - 본격 API 만들기) (0) | 2021.12.12 |
4주차_2(Flask시작하기 - 서버만들기) (0) | 2021.12.11 |
4주차_1(서버를 직접 만들기) (0) | 2021.12.11 |
3주차_16(Quiz 웹스크래핑 결과 이용하기) (0) | 2021.12.11 |