코딩과 결혼합니다

Flask 본문

2세/Python

Flask

코딩러버 2023. 5. 11. 15:52
728x90

웹개발 종합반 4주차 - Flask

 

 

 

 

서버라는 큰 프로젝트를 만들기 위한 큰 라이브러리 = 프레임 워크

프로젝트 별로 라이브러리를 담아두는 통 = 가상환경

 

 

 

 

 

 

가상환경 만들기 순서

 

1. 폴더 열기
2. app.py 생성
3. 터미널 열기
4. python -m venv venv
  (다운로드할 통을 만들어주기)
5. 버전 3.8.6(venv) 선택하고 새터미널 열기

이상태에서 다운로드를 해야
다운로드한 라이브러리들이 venv 폴더로 들어감.

6. pip install flask (flask를 다운로드)

 

 

 

 

플라스크 기본 코드

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

if __name__ == '__main__':  
   app.run('0.0.0.0',port=5000,debug=True)

실행 시킨다음 'localhost:5000'을 웹브라우저에 입력하면

내 컴퓨터에서 내가 만든 웹 서비스에 접속

 

 

 

 

 

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

@app.route('/mypage')
def mypage():
   return 'This is mypage!'

if __name__ == '__main__':  
   app.run('0.0.0.0',port=5000,debug=True)

여기에서 mypage를 추가한 다음 locallhost:5000/mypage 를 입력하면

더욱 웹사이트 느낌이 난다.

 

 

 

 

 

이제 프론트와 백엔드가 어떻게 연결이 되는지 알아보겠다.

 

 

새로 만들기 - 폴더 templats - 파일 index.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        function hey(){
            alert('안녕!')
        }
    </script>
</head>
<body>
    <button onclick="hey()">나는 버튼!</button>
</body>
</html>

index.html의 내용

 

 

 

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

@app.route('/mypage')
def mypage():
   return render_template('index.html')

if __name__ == '__main__':  
   app.run('0.0.0.0',port=5000,debug=True)

render_template

return render_template('index.html')

app.py에서 추가해줌

 

 

 

결과 내 서버에 html이 잘 연결 되었다.

'2세 > Python' 카테고리의 다른 글

Post(주문 저장하기)  (0) 2023.05.11
Flask-API  (0) 2023.05.11
Python 기초 문법 - 리스트  (0) 2023.05.10
3주차 숙제 (웹스크래핑)  (0) 2023.05.10
mongoDB  (0) 2023.05.10
'2세/Python' Related Articles more