Flask 란?

웹 환경을 개발하기 쉽게 도와주는 Python 웹 프레임워크
(쉽게 말해 Python으로 간단한 서버개발을 할 수 있게 도와준다)

사용방법

프레임워크이니 Flask에서 원하는 디렉터리 환경을 먼저 만들어줘야 한다.

1. 폴더 생성과 가상환경 설치

   • 폴더와 파일 생성

     		flask
     		|— venv
     		|— app.py (서버)
     		|— templates
       		|— index.html (클라이언트 파일)

     1. 폴더 안에 app.py 파일과 templates폴더를 생성한다.
     2. templates폴더 안에는 index.html파일을 생성한다.
     3. 가상환경 venv
        • 필요한 라이브러리만 설치 및 관리할 수 있게 도와주는 역할
          a. vscode ctrl + shift + p (명령팔레트)
          b. Python:환경 만들기 클릭
          c. Venv 클릭
          d. Python 3.x 클릭
2. Flask 패키지 설치

• pip install flask
  

3.app.py작성

#flask 코드 원형
from flask import Flask,render_template
app = Flask(__name__)
#
@app.route('/')               #app.route()를 통해 원하는 라우팅을 할 수 있다.
def home():					  # 요청이 들어왔을때 수행할 과정을 함수화 한 것
    return  render_template('index.html')
    # 브라우저로부터 요청이 왔을 때 어떤 HTML파일을 보내줄 지 정한다.
#
if __name__ == '__main__':  
    app.run(debug=True)

4.index.html 작성

기본적인 골격은 HTML과 동일하다.
그러나 app.py에서 index.html과 더불어 data들을 함께 보내줄 수 있는데
data들을 사용하는 방법에 대해 정리해보자

<h1>로또 번호</h1><!--ffor문-->
{% for num in data.lotto %}
    <div class="ball">{{ num|e }}</div>
{% endfor %}
<h1>랜덤 로또 번호</h1>
{% for num in data.random_lotto %}
    <div class="randomball">{{ num|e }}</div>
{% endfor %}

{%%}는 HTML의 body태그 안에서 조건문이나 반복문등을 사용할 때 사용하며,
data를 사용하기 위해 {{}} 이중 중괄호를 사용한다.

{% if data.length>10%} <!--fif문-->
   <h1>{{data.name[0]}}</h1>
{%endif%}

app.py에서 보내주는 data가 단일이 아닌 딕셔너리나 리스트의 경우 위에 적은 방식처럼 사용 가능하다.