03_Nov_2021 🐰 엘리스 AI 트랙 TIL: Flask 기초

유환익·2021년 11월 3일

Alexander Yoo의 Web Programming

목록 보기

4/4

웹 서버의 동작 과정 이해하기

우리가 흔히 정보들을 접하고 사용하는 많은 서비스는 '웹 서버'를 통해 우리에게 제공되고 있다.

웹 서버의 동작 과정

클라이언트란? 사용자/ 사용자 컴퓨터 / 인터넷 브라우저를 의미한다. 데이터를 서버에 요청한다.
서버란? 클라이언트로부터 받은 요청을 처리해주고 응답으로 데이터를 돌려주는 곳을 의미한다.

웹 서버의 동작: 클라이언트가 서버로 요청을 하고, 요청을 받은 서버는 요청에 해당하는 데이터를 응답으로 돌려준다.

서버의 응답으로 클라이언트가 받는 응답인 데이터는 HTML, JSON, XML 등 다양한 형태가 될 수 있다.

요청과 응답

클라이언트와 서버 간 정보 교환에서는 미리 약속한 규칙을 통해야 한다.
클라이언트는 규칙에 따라 요청을 하고, 서버 또한 정해진 형태의 데이터로 응답을 한다.

정해진 형식, 데이터의 통로: API

웹사이트의 접속 주소는 미리 약속된 주소라고 할 수 있다. 예를 들어 구글의 url 주소 (https:// www.naver.com)가 있다. 해당 페이지의 url 주소를 주소창에 입력하면, 약속된 방법으로 요청한 후 해당하는 페이지를 보게 되는 것이다.

이렇게 정해진 방식으로 데이터의 통로 역할을 하는 것이 바로 API라고 할 수 있다.

Flask Framework란?

Framework란?

하나의 결과물을 만들기 위해서 제공하는 웹 개발 '틀'이다.
미리 작성되어 있는 함수(라이브러리)와 그 이상의 기능을 제공한다.

Flask

Python을 사용해서 웹 서버를 만들 수 잇게 도와주는 Web Framework이다

Python 기반의 Framework로는 여러가지가 있는데

다량의 기능을 미리 제공하는 Django (사용할 수 있는 기능이 많음)
기본적인 기능만 제공하는 MicroFramework: Flask, Pyramid, Bottle (개발이 자유롭다)

가 있는데, 각각의 Framework 마다 장/단점이 있다.

Flask의 장점

나만의 서버를 쉽게 작성할 수 있다. ex) python, html, css, js 활용
간단한 코드로 빠르게 실행 할 수 있다. ex) app.run()
원하는 기능을 유연하게 확장하기 편리하다. e.g.) micro framework

Flask로 웹 서버 만들기

웹 서버를 만드는 방법은 복잡할 것 같지만 Flask Framework를 사용해서
간단한 코드만으로 서버를 만들 수 있다.

Flask Simple Web Server 만들기

from flask import Flask
app = Flask(__name__)

@app.route('/')
def alex():
  return 'hello alex'

if __name__ == '__main__":
  app.run()

Flask 패키지에서 Flask를 import한다.
@app.route()는 서버에 접속 할 수 있는 url을 만들어 준다.
@app.route('/') 아래의 def elice()라는 함수는 app.route()의 url에서 실행할 함수이다.
if __name__ == '__main__'은, 파일 >이름이 main일 때만 app.run()이 실행되도록 한다.

URL을 연결하고 데이터를 화면에 나타내기

app.route()는 url을 만들어준다. app.route()와 이어져 있는 함수를 사용해서 HTML과 JSON 형식의 데이터를 전달해보자.

JSON 형식의 데이터 나타내기

from flask import Flask, jsonify
app = Flask(__name__)

@app.route('/')
def alex_json():
  my_data = {'name':'elice'}
  return jsonify(my_data)

if __name__ = '__main__':
  app.run()

Flask 패키지에서 Flask와 jsonify를 import한다.
jsonify라는 함수는 jsonify() 안에 있는 내용을 화면에 전달한다.
@app.route('/') 아래의 def elice_json() 함수는 app.route()의 url에서 실행할 함수이고, {'name':'elice'}라는 데이터를 화면에 전달 해준다.

HTML 형식의 데이터 나타내기 - 파일 준비하기

html을 화면에 전달기 위해서는 html 파일이 필요하다.
html 파일은 templates라는 폴더 아래에 위치시킨다.
templates 폴더에 html파일을 넣으면 Flask가 자동으로 찾아서 연결한다.

<html>
    <head>
    	<title>나의 첫 html</html>
    </head>
    <body>
    	<h4>html파일 띄우기</h4>
    </body>
</html>

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def elice_html():
  return render_template('index.html')

if __name__ == '__main__':
  app.run()

Flask 패키지에서 Flask와 render_template를 import 합니다.
render_template 라는 함수는 templates라는 폴더 안의 html파일을 불러와 주는 역할을 한다.
templates 폴더 내의 html 파일의 이름과 render_template()안의 이름이 같아야 화면에 잘 전달할 수 있다.
템플릿 폴더 내의 html을 render_template에 넣어서 elice_html 함수의 return에 넣어준다.

여러가지 url 연결하기

@app.route('url')

url 주소를 route()의 인자로 넣어준다.
1개의 @app.route는 1개의 함수와 연결될 수 있다.
@app.route를 여러 개 사용해서 다양한 url을 만들 수 있다.
주의 한번 선언한 함수의 이름은 다시 사용할 수 없다.

REST API란?

HTTP URL을 통해 데이터의 자원을 표현하고, HTTP Method를 통해서 데이터를 다루는 방법을 의미한다.
Database, 이미지, 텍스트 등의 다양한 데이터에 적용할 수 있다.

REST API의 개념

HTTP URI (Uniform Resource Identifier)를 통해 자원을 명시하고, HTTP Method(POST, GET, PUT, DELELTE)를 통해 해단 자원에 대한 CRUD를 적용하는 것
다양한 클라잉언트가 생겨남에 따라서 REST API가 필요하다 (다양한 곳에서의 통신 위해)
REST API는 메시지가 의도하는 바를 URL에서 나타내므로, 쉽게 기능을 파악할 수 있다.
HTTP 표준 프로토콜에 따르는 플랫폼에서 사용 가능하다.
서버와 클라이언트의 구분을 명확하게 할 수 있다.
REST API의 표준이 존재하지 않는 단점이 있다.

HTTP Method 사용하기

HTTP Method의 개념 - GET/POST

GET과 POST는 HTTP Method 중 하나이다. GET은 데이터를 URL 뒤에 ?와 함께 사용하고 POST는 특정 양식에 데이터를 넣어 전송하는 방법이다.

GET 방식의 예시

http://사이트의 주소?데이터=123

url 뒤에 물음표를 붙여서 데이터를 서버에 전송한다.

POST 방식의 예시

http://사이트의 주소
일정한 양식에 담아 데이터를 숨겨서 서버에 전송한다. (url이 같아도 내용은 다를 수 있음)

코드 예

@app.route('url1', methods=["GET"]
@app.route('url2', methods=["POST"]
@app.route('url3', methods=["GET", "POST"]

app.route()에 methods라믄 옵션을 추가해서 해당하는 HTTP Method만 사용할 수 있도록 적용할 수 있다.
url1, url2는 각각 GET,POST 메서드만 사용가능
url3는 GET,POST 모두 사용이 가능하다.

GET 요청만 사용

from flask import *
app = Flask(__name__)

@app.route('/', methods=['GET']) # url 뒤에 ?name=alex를 넣어 get 요청을 한다.
def alex():
	name = request.args.get['name']
    result = 'hello. ' + name
    return result
if __name__ == '__main__':
	app.run()

POST 요청만 사용

index.html

<html>
<body>
    <form action='/login' method='post'>
    	<p>
        아이디: <input type='text' name='id'>
        </p>
        <p>
        비밀번호: <input type='password' name='pwd'>
        </p>
        <button type='submit'>
    </form>
</body>
</html>

app.py

from flask import *
app = Flask(__name__)

@app.route('/', methods=['GET'])
def alex():
	return render_template('index.html')

@app.route('/login', methods=['POST'])
def alex_post():
	id = request.form['id']
    pwd = request.form['pwd']
    if id == 'alex' and pwd ='1234':
    	return 'Hi! Alex!'
    else:
    	return 'ERROR'

 if __name__ == '__main__':
 	app.run()

유환익

사용자의 편의를 더 생각하고 편안한 UI/UX 개발을 꿈꾸는 프론트엔드 개발자 지망생입니다.

이전 포스트