웹개발 공부 10일차

4주차 1강 ~ 4주차 4강

서버만들기

🏠 서버 만들기 위한 pycharm 에서 flask 패키지 설치

 

 

app.py 를 만들어서 아래를 입력한다.

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)

app.route 부분이 홈페이지에서 보여질 하위 주소와 내용이다.

 

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

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


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

최상단에 render_template 를 넣어주고

return 에 render_template(' html 페이지 파일명 ') 넣어주면 html 작업한 걸 불러온다.

 

template 폴더를 만들어서 index.html 을 만들어주고 전에 배웠던 ajax 를 활용해준다.

get 요청 

    <script>
        function hey(){
            $.ajax({
                type: "GET",
                url: "/test?title_give=봄날은간다",
                data: {},
                success: function (response) {
                    console.log(response)
                }
            })
        }
    </script>

get 요청 ajax

@app.route('/test', methods=['GET'])
def test_get():
   title_receive = request.args.get('title_give')
   print(title_receive)
   return jsonify({'result': 'success', 'msg': '이 요청은 GET!'})

get 요청 API

 

post 요청

<script>
    function hey(){
        $.ajax({
            type: "POST",
            url: "/test",
            data: {title_give: '봄날은간다'},
            success: function (response) {
                console.log(response)
            }
        })
    }
</script>

post 요청 ajax

@app.route('/test', methods=['POST'])
def test_post():
   title_receive = request.form['title_give']
   print(title_receive)
   return jsonify({'result':'success', 'msg': 'Server received request well!'})

 post 요청 API

 

실제로는 POST 요청을 많이 쓴다고 한다.

다음 회차에는 본격연습...