[웹개발일지] #8. Flask 사용, mini_project

공부하자/웹개발일지

[웹개발일지] #8. Flask 사용, mini_project_1. 모두의 책리뷰

snbrin 2022. 3. 10. 14:22

풀스택 웹개발 공부 기록하기 #8.

😉Flask 프레임워크를 활용하여 서버 만들기😉

https://github.com/janghr1225/bookreview_page

GitHub - janghr1225/bookreview_page: 책리뷰 프로젝트

책리뷰 프로젝트. Contribute to janghr1225/bookreview_page development by creating an account on GitHub.

github.com

💾 Flask 사용

서버를 구동시켜주는 코드 모음이라고 생각해도 ok

파이참에서 flask 패키지 설치 후 사용할 수 있음

app.py로 flask 서버를 돌리는 파일 지정하기

터미널 창 클릭하고 ctrl + c 누르면 서버 종료

flask 서버를 만들 때는 항상

프로젝트 폴더 안에

static폴더(이미지, css파일 넣음)

templates폴더(html파일 넣음)

app.py파일

이렇게 3가지를 항상 만들고 시작하기!!

※ venv 파일은 무시

!! GET & POST 방식 !!

GET	POST
데이터 조회(Read) : 영화 목록 조회	데이터 생성(create), 변경(update), 삭제(delete) : 회원가입, 탈퇴, 비밀번호 수정
데이터 전달 : url뒤에 물음표를 붙여 key = value 로 전달 ex) google.com?q=북극곰	데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달

GET 요청 API코드

@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 요청 확인 Ajax코드

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

POST 요청 API코드

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

POST 요청 확인 Ajax코드

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