[Windows/python/Flask/vscode]


Day 1. FLASK 구성방식 이해하기



파이썬에서 설치

> pip install Flask


https://m.blog.naver.com/cosmosjs/221023425448



hello.py 작성하기


https://m.blog.naver.com/cosmosjs/221023511563



코드1 : Hello world를 port:5000으로 출력하기


from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
return "Hello World!"
if __name__ == "__main__":
app.run(debug=True, port=5000)
# 실제서비스에서는 debug=True를 삭제해줘야 에러시
# 접속자에게 노출안된다고


결과1. Hello world~ !!



코드2 : Hello world를 html을 입혀서 출력하기


from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
#return "Hello World!"
return "<html><body><h1>Hello World!</h1></body></html>"
#return render_template('hello.html')



결과2. 굵은글씨-하이라이트1 (h1)로 출력



코드3 : html에 있는 내용을 출력하기


(코드위치 : hello.py)

*** 꼭 render_template를 import 할 것!

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def hello():
#return "Hello World!"
#return "<html><body><h1>Hello World!</h1></body></html>"
return render_template('hello.html')


(코드위치 : templates폴더 - hello.html)

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>헬로우월드</title>
</head>
<body>
<h3>Hello world! - 이제 시작입니다.</h3>
</body>
</html>


결과3. hello.py에서 hello.html의 html을 출력함 (페이지이름:"헬로우월드", 페이지내용:"Hello~",  글씨크기:h3)


>> 코드3의 방식으로 구성하면,  hello.py의 메인코드를 수정하는 것이 아니라 hello.html의 내용을 수정하여 편리해짐

<< 이 말을 내가 이해한 방식이다.

<< 키위쥬스를 판매하기 위해 키위를 간다면 다음과 같을 것이다.

<< 제품 : 키위주스

<< 만드는 방법 : 키위+꿀+사이다 등등 넣고 믹서기통에 넣고 믹서기본체의 전원버튼을 누른다.


>> 믹서기 본체 : hello.py

>> 믹서기 통 : hello.html

>> 재료(키위 등) : html 내용(hello~...)

>> 전원넣기 : 웹서버로 보내기

>> 제품 : 웹페이지화면


<< 마늘을 다지고 싶다면?

>> 믹서기 통에 다른 재료(마늘)을 넣고 간다.

<< 즉 html 내용만 바꿔주면 된다는 것이다.


- 공부한 링크에는 사진불러오기도 있는데 - 설정관련 추가공부가 필요하여 패스함.



+ 추가공부 : 주소연결

파이썬과 Flask를 이용한 나만의 웹앱 만들기(3) : URL route를 이용한 다양한 접근

https://m.blog.naver.com/cosmosjs/221024390028


파이썬과 Flask를 이용한 나만의 웹앱 만들기(4) : 포트변경, 템플릿에 변수전달하기

https://m.blog.naver.com/cosmosjs/221024825333


파이썬과 Flask를 이용한 나만의 웹앱 만들기(5) : CSS 의 분리, Static 파일

https://m.blog.naver.com/cosmosjs/221024937269



저작자표시 비영리 변경금지

'프로그래밍 > Flask' 카테고리의 다른 글

Day 2. 정적페이지  (0) 2019.01.23
파이썬 / 아나콘다 / Visual Studio Code  (5) 2018.12.27

+ Recent posts

티스토리툴바