Flask 시작하기 -서버만들기
Flask 시작하기
Flask 패키지 설치!
파일 > 설정 > 인터프리터
from flask import Flask
app = Flask(__name__)
@app.route('/')
def home():
return 'This is Home!'
@app.route('/mypage')
def mypage():
return 'mypage'
if __name__ == '__main__':
app.run('0.0.0.0',port=5000,debug=True)
Flask 규칙
Flask 서버를 만들 때, 항상,
프로젝트 폴더 안에,
ㄴstatic 폴더 (이미지, css파일을 넣어둡니다)
ㄴtemplates 폴더 (html파일을 넣어둡니다)
ㄴapp.py 파일
이렇게 세 개를 만들어두고 시작해야한다. 이제 각 폴더의 역할이 있다.
templates 폴더의 역할은
HTML 파일을 담아두고, 불러오는 역할을 한다.
templates 안의 index.html 와 연결하기 위해서는 위와 같이 render+template을 import 하여 return render_template('index.html')로 사용한다.
API 만들기! (심화 정리는 추후에)
- GET, POST 방식
여러 방식(링크)이 존재하지만 우리는 가장 많이 쓰이는 GET, POST 방식에 대해 다룬다.
- GET → 통상적으로! 데이터 조회(Read)를 요청할 때
예) 영화 목록 조회
→ 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달
→ 예: google.com?q=북극곰
- POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
예) 회원가입, 회원탈퇴, 비밀번호 수정
→ 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달 서버를 만든다는 것은 Flask 등 을 이용하여 GET, POST로 프론트인 HTML과 통신하게 하는 것. GET,POST를 요청하기 위해 Ajax를 사용하게되는데 Ajax를 쓰려면 jQuery import가 필요하다.function hey() {
$.ajax({
type: "GET",
url: "/test?title_give=봄날은간다",
data: {},
success: function (response) {
console.log(response)
}
})
}
function hey() 를 넣어 onclick 이벤트로 연결하고, 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코드를 만들어 통신할 수 있도록 한다. 이때, request 와 jsonify를 import 해준다. POST도 GET과 같은 방식이다.
GET요청보다는 POST방식을 더 많이 쓰일테니 POST를 유의깊게 보는 것이 좋다.$.ajax({
type: "POST",
url: "/test",
data: { title_give:'봄날은간다' },
success: function(response){
console.log(response)
}
})
@app.route('/test', methods=['POST'])
def test_post():
title_receive = request.form['title_give']
print(title_receive)
return jsonify({'result':'success', 'msg': '이 요청은 POST!'})
위에서 title부터 아랫줄들이 줄정렬이 안되면 에러가 발생하는데,
이는 python의 줄 정렬이 엄격하기 때문에 그렇다.!
몇몇 수강생 분들이 질문했던 내용이기도 하다.
TIL
GET POST 요청과 API 통신을 통해 프론트와 백엔드의 통신 구조를 이해하고,
더 깊게 이해하기 위해서 토이프로젝트를 진행해보자!
다음 포스팅에서!
Author And Source
이 문제에 관하여(Flask 시작하기 -서버만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@suyong0697/Flask-시작하기-서버만들기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
여러 방식(링크)이 존재하지만 우리는 가장 많이 쓰이는 GET, POST 방식에 대해 다룬다.
예) 영화 목록 조회
→ 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달
→ 예: google.com?q=북극곰
예) 회원가입, 회원탈퇴, 비밀번호 수정
→ 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달 서버를 만든다는 것은 Flask 등 을 이용하여 GET, POST로 프론트인 HTML과 통신하게 하는 것. GET,POST를 요청하기 위해 Ajax를 사용하게되는데 Ajax를 쓰려면 jQuery import가 필요하다.
function hey() {
$.ajax({
type: "GET",
url: "/test?title_give=봄날은간다",
data: {},
success: function (response) {
console.log(response)
}
})
}
function hey() 를 넣어 onclick 이벤트로 연결하고, 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코드를 만들어 통신할 수 있도록 한다. 이때, request 와 jsonify를 import 해준다. POST도 GET과 같은 방식이다.GET요청보다는 POST방식을 더 많이 쓰일테니 POST를 유의깊게 보는 것이 좋다.
$.ajax({
type: "POST",
url: "/test",
data: { title_give:'봄날은간다' },
success: function(response){
console.log(response)
}
})
@app.route('/test', methods=['POST'])
def test_post():
title_receive = request.form['title_give']
print(title_receive)
return jsonify({'result':'success', 'msg': '이 요청은 POST!'})
위에서 title부터 아랫줄들이 줄정렬이 안되면 에러가 발생하는데,이는 python의 줄 정렬이 엄격하기 때문에 그렇다.!
몇몇 수강생 분들이 질문했던 내용이기도 하다.
GET POST 요청과 API 통신을 통해 프론트와 백엔드의 통신 구조를 이해하고,TIL
더 깊게 이해하기 위해서 토이프로젝트를 진행해보자!
다음 포스팅에서!
Author And Source
이 문제에 관하여(Flask 시작하기 -서버만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@suyong0697/Flask-시작하기-서버만들기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)