2022. 12. 7. 17:20ㆍ웹개발 메모장
Flask 프레임워크
서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다.
Flask의 기본 구성
- static 폴더 // 이미지나 css 파일
- templates 폴더 // html 파일
- app.py 파일
Flask - API만들기
API란?
Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말
클라이언트와 서버로 설명이 되는데.
클라이언트는 요청을 보내는 애플리케이션을 말하고
서버는 응답을 보내는 애플리케이션라고 한다.
따라서 날씨 예에서 기상청의 날씨 데이터베이스는 서버이고 모바일 앱은 클라이언트라고 한다.
참고) API 웹 사이트 공유 - RapidAPI / Public APIs/ APIForThat 및 APIList |
* GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 → 예: google.com?q=북극곰
* POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 → 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달
GET 요청 확인 Ajax
$.ajax({
type: "GET",
url: "/test?title_give=고구마",
data: {},
success: function(response){
console.log(response)
}
})
여기서 URL 뒤에 물음표를 붙여 key=value로 전달
url 는 /test
key 는 title_give
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!'})
POST 요청 확인 Ajax
$.ajax({
type: "POST",
url: "/test",
data: { title_give:'감자' },
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!'})

강의 들으면서 만든 화성에 땅 사놓기
디자인이나 구성은 강의에 있던 코드 그대로 쓰고 get 과 post 이용해 만들어 봤다.

mongodb 에 잘 올라가는지도 체크!
'웹개발 메모장' 카테고리의 다른 글
Java Script - 혼자 공부하는 법 / JS 기초 정리 1 (2) | 2022.12.16 |
---|---|
WLT & 회원가입과 로그인 기능 & API (0) | 2022.12.12 |
2회독 - mongoDB 조작하는 방법 (0) | 2022.12.07 |
2회독 - DB 데이터베이스란? & mongoDB 연결방법 (0) | 2022.12.06 |
2회독 - 3주차 웹스크래팅 & 크롤링 ( requests, bs4 ) (0) | 2022.12.06 |