Python 기반 웹 프로젝트 프레임워크

Flask는 Python으로 만든 웹 서버 프레임워크

쉽게 말해, 웹사이트의 백엔드(서버 부분)을 만들 때 사용하는 도구

웹사이트 = 식당
Flask = 주방
React 같은 프론트엔드 = 홀에서 주문받는 직원

→ Flask는 데이터를 처리하고, 저장하고, 프론트엔드(React 등)에 응답해주는 "서버 역할"을 해요.

 

 

React는 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리
페이스북(메타)이 만들었고, 지금은 전 세계에서 가장 인기 있는 프론트엔드 기술 중 하나

역할기술

눈에 보이는 부분	✅ React (프론트엔드)
뒤에서 데이터 처리, 저장	🔁 Flask, Django, Node.js (백엔드)

 

구분	Flask	Django	Node.js
언어	Python	Python	JavaScript
성격	마이크로 프레임워크	풀스택 프레임워크	런타임 플랫폼 (Express 등과 사용)
구조	단순하고 유연함	기능이 많고 구조가 엄격함	자유로움, 구조 선택 가능
개발 속도	빠르게 실험 가능	기능이 많아 빠르게 구축 가능	자유도 높아 설계는 스스로 해야 함
확장성	필요에 따라 직접 추가	기본적으로 대부분 포함	원하는 모듈 조합 가능
추천 용도	소규모 프로젝트, 빠른 프로토타입	기업용 웹앱, 대규모 서비스	실시간 앱, 대규모 트래픽 처리
예시	간단한 API 서버, 개인 프로젝트	블로그, 관리자 시스템, 커머스	채팅 앱, 스트리밍 서비스

 

 

npm은 Node Package Manager의 줄임말
즉, Node.js에서 사용하는 패키지(라이브러리)를 설치하고 관리하는 도구, React 쓸 땐 꼭 필요

Flask는 아래처럼 API만 제공

목적	URL 예시
사용자 정보 조회	http://127.0.0.1:5000/api/user/0 ← 0번 사용자
사용자 정보 수정 (PUT 요청)	http://127.0.0.1:5000/api/user/0 ← 프론트엔드에서 호출

 

백엔드 서버

> python app.py 

http://127.0.0.1:5000/api/user/0

 

프론트 엔드 개발서버

package.json 위치에

> npm install

> npm run dev

http://localhost:3000/

 

프론트(localhost:3000)에서 백엔드(localhost:5000)