**백엔드(서버)** **프론트엔드(클라이언트)**
---
# ✅ **1. 백엔드(Web Backend) 프레임워크**
## 🔥 **JavaScript / TypeScript**
### **Node.js 기반**
- **Express.js**
가장 많이 쓰는 경량 프레임워크. 유연, 미들웨어 기반.
- **NestJS**
Angular 구조 기반. TypeScript 최적화, 대규모 서버 개발에 적합.
- **Fastify**
초고속 Node.js 프레임워크. Express보다 훨씬 빠름.
## 🔥 **Python**
- **Django**
배터리 포함(ORM·Admin·Auth 모두 있음). 대규모 웹서비스에 강함.
- **Flask**
초경량, 필요한 것만 플러그인으로 붙이는 스타일.
- **FastAPI**
초고속, 비동기 기반. AI/ML API 서버 만드는데 최근 가장 인기.
## 🔥 **Java**
- **Spring Boot**
대기업·금융권 최강. 강력한 생태계와 안정성.
## 🔥 **Go**
- **Gin**
빠르고 심플한 Go 웹 프레임워크.
- **Fiber**
Express 스타일 API, 초고속.
---
# ✅ **2. 프론트엔드(Web Frontend) 프레임워크**
## 🔥 **JavaScript / TypeScript 기반**
### **React 계열**
- **React**
가장 인기. 컴포넌트 기반 라이브러리.
- **Next.js**
React + SSR/SSG 라우팅 제공. 기업 서비스 최강.
- **Remix**
점점 인기 상승. 서버 우선(Server-first) 철학.
### **Vue 계열**
- **Vue.js**
초보자 친화적. React보다 학습곡선 낮음.
- **Nuxt.js**
Vue의 Next.js 버전. SSR/SSG 지원.
### **Svelte 계열**
- **Svelte**
컴파일 기반. 빠르고 가볍고 코드량 적음.
- **SvelteKit**
Svelte 공식 풀스택 프레임워크.
---
# ✅ **3. 풀스택(Front + Back 통합형) 프레임워크**
- **Next.js**
프론트 + API routes + 서버 액션까지 모두 처리.
- **Nuxt.js**
Vue 기반 풀스택.
- **SvelteKit**
- **RedwoodJS**
JAMStack 기반 풀스택.
- **Meteor.js**
실시간 앱 특화.
---
# ✅ **4. 모바일/데스크탑 겸용**
- **Flutter Web**
Flutter로 웹까지 빌드.
- **Electron**
데스크탑 앱 개발용(웹 기술 기반).
- **Tauri**
Electron 대체로 뜨는 중(용량 작고 성능 좋음).
---