본문 바로가기
개발

[WEB]사다리 게임 플라스크(Flask) 이용해 서버 구축하기

by m_.9m 2022. 5. 18.

 

[flask?]

 

파이썬의 웹 프레임워크인 Flask는 파이썬 환경에서 웹 환경을 구현해 주며 간단하게 사용할 수 있다.

설치 명령어는 다음과 같다. 나는 anaconda를 사용하기 때문에 해당 프롬프트 창에서 flask를 설치, 실행시켰다.

 

pip install Flask

 

설치 후 기본 파일을 제작한다. 나는 html, js, css를 사용해 사다리 게임을 만들었기 때문에 연동을 위한 render_template를 추가했다.

 

from flask import Flask //기본 flask import, 대소문자 구분 필요 'F'에 주의
from flask import Flask,render_template //html을 랜더링하기 위한 구문




app = Flask(__name__)
app.config["SECRET_KEY"]="ABCD"

@app.route('/')
def hello_world():
    return  render_template('ladder.html')


if __name__ == '__main__':
    app.run()

 

 

주의할점으로는 

html 과 같은 파일은 template에 넣어줘야하며, javascript나 css과 같은 파일은 static 파일을 생성해 넣어주어야한다. css도 파일 개수가 많을 경우 별도의 폴더가 필요하다.

 

 

html에는 해당 코드를 추가해준다.

    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
    <script src="../static/jquery-2.1.3.min.js"></script>

 

 

그 이후 플라스크 서버를 다시 구동할 시 

python [파일명].py

 

 

정상적으로 서버가 구동되는 것을 볼 수 있다.

 

 

최종적으로 서버에 이런 페이지를 구축할 수 있다.