웹개발/Flask

flask 연습하기, 숫자 맞추기

Olivia-BlackCherry 2022. 11. 11. 07:52

오늘은 간단한 미션을 해결하며 flask를 연습해보자.

1. 플라스크 앱을 실행시킨다.
2. 기본 URL에 HTML 태그와 함께 '0-9 사이 숫자 맞추기'를 적는다.
3. 0-9까지 숫자 중 하나의 숫자를 정답으로 정한다.
4. 정답이면 정답이라는 페이지를, 정답이 아니면 아니라는 페이지를 만든다.
5. 각 페이지마다 giphy.com에서 찾은 gif 파일을 첨부한다.

 

기본 코드이다.

현재 디렉토리인 name을 입력하여, 

플라스크 응용 프로그램의 초기화를 한다.

from flask import Flask
app = Flask(__name__)

 

사용자가 홈라우트에 도달하면 hello_world를 렌더링할 것이다.

이것으로 URL 첫 페이지를 구성한다.

@app.route('/')
def hello_world():
    return "hello"

 

if구문으로 name이 main과 동일할 때, 응용프로그램이 실행한다.

if __name__ == "__main__":
    app.run(debug=True)

 

 

반환하는 값을 바꾼다.

@app.route('/')
def hello_world():
    return "hello" + "<h1>" + '0-9 사이 숫자맞추기' +"</h1>" \
            '<iframe src="https://giphy.com/embed/yNSiGQARD9QHvajlFk" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'

 

실행화면이다.

 

기본 URL에 숫자를 입력했을 때, 코멘트를 한다.

@app.route('/<int:number>')
def choose(number):
    if number<5:
        return f"{number}는 정답보다 작습니다." \
              '<iframe src="https://giphy.com/embed/yNSiGQARD9QHvajlFk" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'

    if number>5:
        return f"{number}는 정답보다 큽니다." \
              '<iframe src="https://giphy.com/embed/yNSiGQARD9QHvajlFk" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'

    if number==5:
        return f"{number}는 정답." \
              '<iframe src="https://giphy.com/embed/yNSiGQARD9QHvajlFk" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'