백엔드서버 > MEAN: MongoDB + Express.js + Angular + Node.js 구축방법

MEAN 스택은 백엔드와 프론트엔드를 함께 구성할 수 있는 풀스택 자바스크립트 프레임워크입니다. 여기서 핵심은 모든 구성요소가 JavaScript 기반이라는 점입니다. 각각의 구성 요소를 살펴보면 다음과 같습니다.

---

MEAN 스택 구성요소

1. MongoDB (Database)
   • NoSQL 데이터베이스입니다.
   • JSON과 유사한 BSON 형식의 문서(document)로 데이터를 저장합니다.
   • 스키마가 유연하고 확장성이 뛰어나며, Node.js와의 연동이 간편합니다.
2. Express.js (Backend Web Framework)
   • Node.js 위에서 작동하는 웹 애플리케이션 프레임워크입니다.
   • 라우팅, 미들웨어, 요청/응답 처리 등을 단순하게 구성할 수 있도록 도와줍니다.
   • REST API 서버를 구축할 때 자주 사용됩니다.
3. Angular (Frontend Framework)
   • 구글에서 개발한 SPA(Single Page Application) 프레임워크입니다.
   • 타입스크립트 기반으로 구조적이고 대규모 프론트엔드 개발에 적합합니다.
   • 컴포넌트 기반으로 UI를 구성합니다.
4. Node.js (Runtime)
   • JavaScript를 서버에서도 실행할 수 있게 해주는 런타임입니다.
   • 비동기 이벤트 기반으로 고성능의 서버를 만들 수 있습니다.
   • Express와 함께 백엔드 서버를 구성합니다.

---

데이터 흐름 구조

Browser (Angular) 
   ↓ 요청
Node.js + Express.js (서버)
   ↓ 데이터 요청
MongoDB (데이터베이스)
   ↑ 응답
Node.js + Express.js
   ↑ 데이터 전달
Browser (Angular)

Angular는 사용자의 입력을 받아 서버에 API 요청을 보냅니다.
Express.js는 이 요청을 받아 MongoDB에 접근하고, 그 결과를 다시 Angular에 전달합니다.

---

MEAN 스택의 장점

• 풀 JavaScript 스택: 프론트엔드부터 백엔드, 데이터베이스까지 JS로 구성 → 학습 효율 상승
• 빠른 개발 속도: 다양한 오픈소스와 커뮤니티 지원
• SPA 기반 개발 용이: Angular 덕분에 사용자 경험이 부드럽고 빠름
• 확장성: 클라우드 서비스 및 마이크로서비스 구조와도 잘 호환됨

---

MEAN 스택의 단점

• Angular의 학습 곡선이 다소 높음
• 고성능이 필요한 연산에는 Node.js의 싱글 스레드 구조가 제약이 될 수 있음
• 대규모 프로젝트에서 상태 관리 및 구조화가 복잡해질 수 있음