본문 바로가기
React/Web

4. Flask, API 만들기

by imagineer_jinny 2021. 3. 2.

컴퓨터가 한 대기 때문에 같은 컴퓨터에 서버도 만들고 요청도 해보기!

즉, 클라이언트 = 서버

이것을 '로컬 개발환경'이라고 함!

Flask 시작하기 - 1) 서버 만들기 (Flask 깔고 기본 코드 깔고 app.py 실행시키는 것)

 

*Flask 패키지 설치하고 시작!

 

윈도우 : 좌상단File → setting → Python interpreter

맥 : 좌상단Pycharm → Preference → Python Interpreter

 

flask 로 검색한 후, Install package 클릭

*Flask 기초: 기본 실행

Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음.

서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다.

 

<flask 시작 코드>

 

from flask import Flask

app = Flask(__name__)

 

@app.route('/')

def home():

     return 'This is Home!'

if __name__ == '__main__':

     app.run('0.0.0.0',port=5000,debug=True)

 

 

app.py Run 시키고  http://localhost:5000/ 접속해보면 

Hello World 실행!

 

여기서 5000은 포트 이름임. 내가 만든 서버의 5000번 문으로 접속하겠다는 뜻!

 

 

Flask 시작하기 - 2) HTML파일 주기  (기본 폴더들 세팅하고 HTML 파일 불러오기 )

 

*Flask 기초: 기본 폴더 구조 항상 이렇게 세팅하기

*templates 역할: HTML 파일을 담아두고 불러오는 역할

 

 

Flask 시작하기 - 3) 본격 API 만들기  (app.py에서 서버 일 해주고 index.html에서 클라이언트 일 해주고 )

 

*GET, POST 요청타입 - 리마인드

 

API는 은행의 창구 같은 역할! 

같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 처리하는 것이 다른 것처럼,

클라이언트가 요청 할 때에도, "방식"이 존재함.

 

HTTP 라는 통신 규약을 따름!

클라이언트는 요청할 때 HTTP request method(요청 메소드)를 통해,

어떤 요청 종류인지 응답하는 서버 쪽에 정보를 알려주는 것!

 

*GET, POST 방식

 

*[모두의책리뷰]-프로젝트로 연습해보기(뼈대 정리)

 

1. 프로젝트 세팅

projects bookreview 폴더 열기

 

2. 뼈대 준비

app.py 준비 (서버)

index.html 준비 (클라이언트)

 

3. POST 

제목, 저자, 리뷰 정보를 저장하기(Create POST)

 

1)클라이언트와 서버 확인

 

2)서버부터 만들기

3)클라이언트 만들기

4)완성 확인

 

 

4. GET

저장된 리뷰를 화면에 보여주기(Read → GET)

 

1)클라이언트와 서버 확인하기

 

2)서버부터 만들기

3)클라이언트 만들기

 

4)완성 확인하기

 

'React > Web' 카테고리의 다른 글

FlexBox 이해하기  (0) 2021.05.08
5. API 연습하기  (0) 2021.03.02
3. Python, pymongo, mongoDB  (0) 2021.02.28
2. JQuery, Ajax, API  (0) 2021.02.27
1. 웹의 동작 개념 / HTML, CSS, Javascript  (0) 2021.02.25

댓글