코딩 4주차

을정·2021년 7월 15일
0

코딩

목록 보기
4/4

코딩 4주차 서버 만들기.

이번에는 내가 직접 서버를 만들어서 구현을 하는걸 배웠다.

백앤드-프론트앤드를 연결 하는것을 배우는건데
처음으로 너무 어려워서 힘들었다.. (사실 지금도 어려움)

먼저 파이썬에서 flask 패키지를 가져온다
이게 프레임워크인데 이걸 쓰는게 빠르고 좋다한다.

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

@app.route('/mypage')
def mypage():  
   return 'This is My Page!'

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

flask 기초 코드이다

일단 프로젝트를 시작하기 전에 폴더를 만들어야 한다
이것은 정해져 있는 것이기에 그대로 해야 한다

프로젝트 폴더 안에,
 ㄴstatic 폴더 (이미지, css파일을 넣어둡니다)
 ㄴtemplates 폴더 (html파일을 넣어둡니다)
 ㄴapp.py 파일

API 만들기

여러 방식이 존재하지만 일단 크게 2가지를 배웠다

**GET, POST 방식**
 
****
* GET        →      통상적으로! 데이터 조회(Read)를 요청할 때
                           예) 영화 목록 조회
                  →     **데이터 전달** : URL 뒤에 물음표를 붙여 key=value로 전달
                  →     예: google.com?q=북극곰

* POST     →      통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
                           예) 회원가입, 회원탈퇴, 비밀번호 수정
                  →     **데이터 전달 :** 바로 보이지 않는 HTML body에 key:value 형태로 전달

벌써 머리가 깨질뻔 했다.

먼저 GET API코드와 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코드

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

GET Ajax코드

그리고 POST API,Ajax 코드이다

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

POST API코드

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

POST Ajax코드이다.

이번 4주차 정말 힘들었다,,
지금도 이해가 안가는게 너무 많다

0개의 댓글