[Flask] 기본 설정과 테스트

날짜:
Python IDLE을 사용하여 Flask Framework를 운용하는 방법을 소개하려 한다.

사실 pycharm 이나 vscode 를 응용하는 방법이 적합할지 모르나, 단순한 테스트 혹은 소규모 사이트 설계에 있어선 적당한 방법이라 생각한다.

구축 방법

1. Python 설치 및 IDLE 

python 설치가 되지 않았다면 하단의 링크를 통해 다운 받아 설치를 진행

파이썬 다운로드 링크
※ 설치 시 주의사항 : 설치 옵션에서 "Add Python to PATH" 옵션을 체크하여 경로 설정을 자동으로 할 것

버전의 경우 3.10 이상 혹은 최신 버전의 python을 설치 후 cmd에서 확인해보자

- 명령 프롬프트
- 프롬프트에 python --version 입력시 버전 확인

2. Flask와 requests 라이브러리 설치

명령 프롬프트 창을 이용해 라이브러리를 설치한다.

Flask 설치
1) 프롬프트 창 에 pip install flask 를 입력


2) 설치 완료




requsets 설치
※ requests : python 용 HTTP 라이브러리, 웹 사이트에 요청을 쉽게 하기 위한 메소드 포함

1) 프롬프트 창 에 pip install requests 를 입력
2) 설치 확인



3. Flask 서버 구축
- IDLE 환경에서 File>New File 에서 설계 및 구현

- IDLE 편집기


아래의 코드를 참조하여 작성 후 저장 및 실행
-> 실행의 경우 F5를 누르면 실행됨
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
from flask import Flask, render_template, request, redirect
import requests
 
#해당 스크립트로 서버 구축이 가능하도록 설정
app = Flask(__name__)
 
 
print(app.template_folder)
 
 
#기본 페이지 출력
#decorator(@)에 의해 해당 함수가 호출 됨
@app.route("/")
def hello():
    return render_template("test.html")
 
#해당 페이지 열렸을때 서버 동작
if __name__ == '__main__':
    app.run()
 
cs

실행 시 IDLE Shell 에 아래의 결과 발생

파이썬 코드가 있는 위치에 "templates" 파일 생성 후,
내부에 메모장 생성, 메모장 명을 "test.html"로 설정하여 아래의 html 소스를 입력
※ 해당 화면처럼 바뀌는 경우, 연결 프로그램에서 메모장 혹은 편집기로 설정


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>간단한 테스트용 HTML</title>
</head>
<body>
    <h1>안녕하세요, 세계!</h1>
    <p id="message">이 문장은 변경될 것입니다.</p>
    <button onclick="changeText()">텍스트 변경</button>
 
    <script>
        function changeText() {
            document.getElementById("message").innerText = "텍스트가 변경되었습니다!";
        }
    </script>
</body>
</html>
 
cs


주소창에 http://http://127.0.0.1:5000/ 입력하여 결과 확인





※ 페이지가 없는 경우 파일 경로 확인




댓글

댓글 쓰기