웹개발 플러스 1주차 정리 (Flask 프로젝트 세팅, Ajax란?)

웹서비스 동작 원리

• 클라이언트가 요청하면 서버가 요청을 받아서 무언가를 돌려준다

API란?

• 서버가 요청을 받기 위해 뚫어놓은 창구
• POST (주로 데이터 수정 시), GET (주로 데이터 가져올 때) 등 여러 타입의 요청이 존재

jQuery란?

• Javascript의 라이브러리 중 하나로 HTML 조작을 쉽게 한다
• 사용하기 위해서 import가 필요하다

Ajax란?

• 서버 통신을 위해 쓰인다

$.ajax({
	type: "GET",
	url: "요청할 url",
	data: {},
	success: function(response) {
		// 서버가 준 데이터가 response에 담긴다
	}
})

Flask란?

• 서버를 만드는 프레임워크
• 아래 코드를 run 하면 localhost 5000으로 접속 가능

from flask import Flask, render_template, jsonfiy, request
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)

 

프로젝트 세팅

• 프론트엔드 → Bootstrap, 백엔드 → Python으로 된 Flask 라이브러리 이용
• templates, static 폴더와 app.py 생성
• Windows : file → settings → Python Interpreter → + 버튼
• Mac : pycharm → preferences → Python Interpreter → + 버튼
• requests, bs4, flask, pymongo 패키지 설치