구구단 문제풀이 질문

구구단 출력 문제인데 질문이 있습니다.

from flask import Flask
from flask import render_template
from flask import redirect
from flask import request
from flask import url_for

app = Flask(__name__)

@app.route("/")
@app.route("/<int:num>", methods=['POST', 'GET'])
def gugudan(num=None):
    if request.method == 'GET':
        return render_template('index.html', gugudan=None)
    else:
        temp = request.form['input']
        return render_template('index.html', gugudan=temp)

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

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>
    <link rel="stylesheet" href="{{ url_for('static', filename='file.css') }}">
</head>
<body>
    <form action="/" method="POST">
        <p><input type="text"/ id="input" value="name"><input type="submit"></button></p>
    <form>

    {% if gugudan == None%}
        <p>Have to Type number</p>
    {% else %}
        <p>숫자가 입력되었습니다</p>
    {% endif %}
</body>
</html>

위와 같이 main.py에서 method 타입을 2가지로 나눠서 한번에 처리도 가능할거라 생각했는데, method not allowed가 나오네요.
혹시 무엇이 문제일까요?

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>
    <link rel="stylesheet" href="{{ url_for('static', filename='file.css') }}">
</head>
<body>
    <form action="/" method="POST">
        <p>
            <input type="text" id="input" value="name">
            <input type="submit"/>
        </p>
    </form>

    {% if gugudan == None%}
        <p>Have to Type number</p>
    {% else %}
        <p>숫자가 입력되었습니다</p>
    {% endif %}
</body>
</html>

form 태그의 action을 보면 "/" 라고 입력되어있고, app.py에서 "/"는 메서드 방식이 지정되어 있지 않습니다. 임시로 post와 get 모두 받을 수 있게 지정해주겠습니다.

@app.route("/", methods=['POST', 'GET'])
@app.route("/<int:num>", methods=['POST', 'GET'])
def gugudan(num=None):
    if request.method == 'GET':
        return render_template('index.html', gugudan=None)
    else:
        temp = request.form['input']
        return render_template('index.html', gugudan=temp)

이렇게 코드를 수정하시고 실행시켜보시면 더 이상 method not allowed 에러가 나타나지 않을 겁니다.

그러나 Bad Request 에러가 나타나는데 이는 숫자를 넣을 input에 name이 할당되지 않은 채로 request.form을 사용해서 그렇습니다. name을 할당시켜줍니다.

그리고 기존에 name으로 줬던 value 값을 서버에서 받아오는 gugudan 값으로 바꾸고 아래에서 결과를 보기 쉽게 p태그 안에 나타나도록 코드를 추가합니다. (추가한 p 태그 부분은 이해하기 편하도록 넣은 코드이며, 제외해도 괜찮습니다.)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='file.css') }}">
</head>
<body>
    <form action="/" method="POST">
        <p>
            <input type="text" id="input" name="input" placeholder="숫자를 입력하세요." value="{{ gugudan }}">
            <input type="submit"/>
        </p>
    </form>
    <p>gugudan = {{ gugudan }}</p>
    {% if gugudan == None %}
        <p>Have to Type numberc
    {% else %}
        <p>숫자가 입력되었습니다</p>
    {% endif %}
</body>
</html>

이제 실행해보면 다음과 같이 나타납니다.

첫화면