[목차]

<aside> ✨ 웹개발 종합반 주차별 주요 키워드

• 1주차: HTML, CSS로 웹페이지의 뼈대와 화면을 꾸미는 법을 배운다.
• 2주차: JavaScript로 서버에 데이터를 요청하고 JQuery, Fetch를 이용해 요청을 브라우저에 보여준다.
• 3주차: Python으로 웹서비스의 서버 역할을 배우고 monoDB로 데이터베이스를 다룬다.
• 4주차: Python, Flask, mongoDB, JavaScript를 모두 활용해 나만의 웹서비스를 만든다.
• 5주차: 지금까지 배운 내용을 모두 합해 프로젝트를 만든 후 배포를 진행한다. </aside>

<aside> ✨ 4주차 수업 목표

1. Flask 프레임워크를 활용해 API를 만들 수 있다.
2. [화성땅 공동구매] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다.
3. [스파르타피디아] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다. </aside>

01. Flask 기초

1) Flask

• 플라스크는 장고(Django)와 더불어 파이썬 웹 프레임워크의 양대 산맥으로 자리매김하고 있다.

• 프레임워크를 간결하게 유지하고 확장할 수 있도록 만든 마이크로 웹 프레임워크다.

• 최소한의 규칙만 가지고 있어 다른 프레임워크보다 자유도가 높다.

  → Django에 비해 자유도는 높지만, 제공해주는 기능은 적다. 따라서 소규모 어플리케이션 개발에 적합하다.

2) Flask 시작하기 - 서버 만들기

1. 폴더 생성과 가상환경 설치

   1. 프로젝트 폴더로 이동한다.

   2. app.py를 만든다.

   3. 터미널을 켠다.

   4. 가상환경을 잡는다.

      python -m venv venv
      

   5. VSCode 우측 하단 python 3.8.n을 클릭해 인터프리터를 venv로 잡는다.

   6. 터미널을 새로 켜 (venv)가 뜨는 것을 확인한다.

   7. 플라스크 라이브러리를 설치한다.

      pip install flask
      

2. flask 시작 코드

from flask import Flask
# 통상적으로 flask 프레임워크를 쓸 때 가장 기본이 되는 python 파일을 app으로 칭한다.
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

if __name__ == '__main__':  
	 # 5000포트 사용 중이라고 뜨면 포트 번호를 5001로 변경하면 된다!
   app.run('0.0.0.0',port=5000,debug=True)

# <http://localhost:5000/> 에서 확인 가

2) Flask 시작하기 - HTML 파일 주기