MEVN 스택

MEVN 스택

MEVN은 현대적인 풀스택 웹 애플리케이션 개발 스택 중 하나로, 다음 네 가지 기술의 조합을 뜻합니다:

---

✅ MEVN 스택 구성

구성요소	설명
M – MongoDB	NoSQL 데이터베이스로, JSON 형태의 문서(document)를 저장함
E – Express.js	Node.js 위에서 작동하는 백엔드 웹 프레임워크. API 서버 작성에 특화
V – Vue.js	사용자 인터페이스(UI)를 만드는 프론트엔드 자바스크립트 프레임워크
N – Node.js	자바스크립트 기반의 서버 플랫폼. Express와 함께 사용되어 백엔드 기능을 수행

nodejs.org/ko 초기 화면

---

💡 MEVN의 특징

• 자바스크립트 풀스택: 클라이언트부터 서버, 데이터베이스 연동까지 모두 자바스크립트 기반으로 개발 가능
• SPA (Single Page Application): Vue.js를 이용해 동적인 프론트엔드 페이지 구현
• 비동기 처리에 강함: Node.js 기반의 비동기 처리 방식으로 빠른 응답 성능
• MongoDB의 유연성: 스키마 없이 자유롭게 데이터를 저장할 수 있음

---

🔁 MEVN 스택의 데이터 흐름 구조

1. Vue.js (프론트엔드): 사용자 요청 입력
2. Express.js + Node.js (백엔드): Vue에서 요청한 API 처리
3. MongoDB (데이터베이스): 백엔드가 데이터 요청, 저장
4. 결과 반환: 백엔드에서 응답을 Vue.js로 반환하여 사용자에게 표시

---

🛠 MEVN 스택으로 개발할 수 있는 예

• 게시판, 블로그, 쇼핑몰 등 웹 애플리케이션
• 관리자 대시보드
• RESTful API 기반 웹서비스
• 실시간 채팅 서비스 (socket.io 연동)

---

🔧 참고: 다른 스택과 비교

스택	프론트엔드	백엔드	데이터베이스
MEVN	Vue.js	Express.js / Node.js	MongoDB
MERN	React.js	Express.js / Node.js	MongoDB
MEAN	Angular	Express.js / Node.js	MongoDB
LAMP	HTML/PHP	Apache / PHP	MySQL
Django 스택	HTML + JS	Django (Python)	PostgreSQL, etc

---