다시 도전.. Flask 기본적인 웹 페이지 구축 (1)

250x250

관리 메뉴

😎 공부하는 징징알파카는 처음이지?

다시 도전.. Flask 기본적인 웹 페이지 구축 (1) 본문

👩‍💻 백엔드(Back-End)/Node js

다시 도전.. Flask 기본적인 웹 페이지 구축 (1)

징징알파카 2022. 11. 15. 14:44

728x90

221115 작성

<본 블로그는 wikidocs 의 블로그를 참고해서 공부하며 작성하였습니다 :-)>

https://wikidocs.net/80256

01-6 클라이언트에서 서버로 데이터 보내기1

# html에 form태그를 작성 - post의 경우 name속성은 서버에서 사용할 변수명 또는 키 값이 됩니다. ```html Title …

wikidocs.net

🍑 프로젝트용 폴더 생성

pip install virtualenv
virtualenv venv

🍑 가상환경 활성화/비활성화

windows : venv\Scripts\activate
mac, linux : source venv\bin\activate 또는 source venv\Scripts\activate

🍑 플라스크 패키지 설치

pip3 install flask

🍑 기본적인 웹페이지 구축

main.js
- 현재 없음..
style.css

h1{
    color : blue;
}

index.html

<!-- 필요한 html 파일을 모아둘 예정 -->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <h1>어서와 Flask는 처음이지?</h1>
    이름 : {{user}}
    레벨 : {{data.level}}
    포인트 : {{data.point}}
    경험치 : {{data.exp}}

</body>
</html>

app.py

##### 실행시 서버가 가동될 파이썬 파일 #####


# app.py
from flask import Flask, render_template

#Flask 객체 인스턴스 생성
app = Flask(__name__)

@app.route('/') # 접속하는 url
# def index():
#   return render_template('index.html')
def index():
  return render_template('index.html',user="반원",data={'level':60,'point':360,'exp':45000})
  
if __name__=="__main__":
  app.run(debug=True)
  # host 등을 직접 지정하고 싶다면
  # app.run(host="127.0.0.1", port="5000", debug=True)

🍑 결과

728x90

저작자표시

'👩‍💻 백엔드(Back-End) > Node js' 카테고리의 다른 글

다시 도전.. Flask 웹 앱 서비스 만들기 (3) (0)	2022.11.15
다시 도전.. Flask 서버에서 클라이언트로 데이터 보내기 (2) (0)	2022.11.15
Flask 웹 페이지 만들기 with Best Book to Read in 2021 탐색적 데이터 분석 (0)	2022.11.11
Flask 시작해보기 _ MongoDB id 가져오기 OR template filter (3) (0)	2022.11.02
Flask 시작해보기 _ MongoDB 연결하기 (2) (0)	2022.10.31