컴퓨터가 한 대기 때문에 같은 컴퓨터에 서버도 만들고 요청도 해보기!
즉, 클라이언트 = 서버
이것을 '로컬 개발환경'이라고 함!
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 |
댓글