- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
- 전자상거래/쇼핑몰
- 서버 클라우드 (aws, azure, google)
JavaScript [MEAN Stack] MEAN Stack 소개
2015.10.11 22:16
[MEAN Stack] MEAN Stack 소개
[참조] 해당 내용은 "Node.js, MongoDB와 AngularJS를 이용한 웹 개발" 책에서 내용을 인용하고 있습니다.

기본 웹 어플리케이션의 구조를 설명하고, Mean Stack의 각 컴포넌트들이 어떤 역할을 하는지 설명한다.
일반적인 책들처럼 초반에 각 컴포넌트들의 일반적인 특장점을 주로 설명하고 있다.
간단하게 특장점을 이해하고 넘어가고, 뒤에서 상세기술들을 사용해보면 실제 특징들을 이해할 수 있겠지 ㅎㅎ
1. Node.js
- 웹 서버와 서버측 스크리브, 기존 서버의 대부분의 기능을 작성할 수 있다.
- 특징
. javascript end-to-end
- 자바스크립트로 서버, 클라이언트 스크립트를 둘 다 작성 가능
- 클라이언트 개발자와 서버 개발자가 같은 언어를 사용할 수 있다.
- 쉽게 서버에 적용 가능
. Event-driven scalability
- 웹 요청을 동일한 쓰레드에서 처리 가능
(기존에 사용하던 아파치 서버에서는 요청에 따라 쓰레드를 생성, 요청을 처리하기 위해서는 복수개의 쓰레드가 기다려야 하는 상황)
- 웹 서버의 규모를 조절가능하다.
. Extensibility
- 새로운 모듈이 많고, 추가 적용방법이 간단
. Fast Implementation
- 개발하기가 쉽다
2. MongoDB
- "humongous"에서 유래, 가볍고 빠르며 규모 조절성이 뛰어난 NoSQL 데이터베이스이다.
- 특징
. document orientation
- 문서 지향적, 데이터가 양쪽 스크립트에서 다루는 것과 아주 유사한 형태로 DB에 저장
- 데이터를 레코드<-> 오브젝트 변환할 필요가 없다.
. high performance
. high availablity
- 몽고DB의 복제 모델은 고성능을 유지하면서 높은 규모의 조절성을 유지 가능
. high scablity
- 데이터가 여러 서버에 분산(Sharding)됨으로, 수평적으로 규모를 조절하기 쉽다.
. no SQL Ingection
3. Express
- 웹 서버 역할, Node.js에서 실행, 모듈 설정, 구현, 제어가 쉽다.
- 특징
. 경로 관리 : URL end point 를 정희하기 쉽다.
. 에러 처리 : document not found 에러와 그 외 다른 에러들을 처리하는 에러 핸들링 기능이 내장
. 쉬운 통합
. 쉬운 쿠키 관리
. 세션 관리와 캐쉬 관리
4. AngularJS
- MVC 프레임워크를 사용해서 잘 설계된 좋은 구조의 웹 페이지와 애플리케이션을 구현 가능
- 특징
. data binding
- scope 구조를 활용, 데이터를 HTML 요소로 완벽하게 결합 가능
. clean code
. compatibility
- 기존 코드 재사용이 쉽고, jQuery 활용 등 호환성이 좋다.
[참조] Mean Stack 잘 정리되 사이트
- http://mobicon.tistory.com/384 : 책 보다 더 잘 정리되어 있으며, 책 산것을 후회하게 된다 ㅎㅎ
[출처] http://gregor77.tistory.com/entry/Mean-Stack-Mean-Stack-%EC%86%8C%EA%B0%9C
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 13 | [Next.js 개발] pm2 로 Next.js 실행하기 | 졸리운_곰 | 2025.07.01 | 480 |
| 12 | [Next.js 개발] NextAuth.js 를 이용한 자체 로그인 구현 | 졸리운_곰 | 2024.03.09 | 560 |
| 11 |
[Next.js 개발] Using Next.js Version 13
| 졸리운_곰 | 2024.03.09 | 409 |
| 10 |
[Next.js 개발] Common Errors in Next.js and How to Resolve Them
| 졸리운_곰 | 2024.03.09 | 468 |
| 9 | [Next.js 개발] [Javascript] 현재 날짜, 시간 구하기 | 졸리운_곰 | 2024.03.09 | 430 |
| 8 |
[Next.js 개발] Using Next.js Version 13 : Next.js 버전 13 사용
| 졸리운_곰 | 2024.03.07 | 499 |
| 7 |
[Next.js 개발] [React] useEffect에서 async/await
| 졸리운_곰 | 2024.03.06 | 362 |
| 6 |
[next.js 개발] How to use fetch API in Next.js?
| 졸리운_곰 | 2024.03.05 | 368 |
| 5 | [next.js 개발] Next.js14에 Mysql연결하기 | 졸리운_곰 | 2024.03.05 | 457 |
| 4 |
[next.js 개발] How To Connect MySQL And Auth To A Next.js App
| 졸리운_곰 | 2024.03.05 | 323 |
| 3 |
[next.js 개발] Next.js 소개와 14 버전 변경사항 – React 인기 라이브러리
| 졸리운_곰 | 2024.03.05 | 523 |
| 2 | [next.js 개발] next.js API 호출시 - 수신부따로 호출하고 await 붙일것 | 졸리운_곰 | 2024.03.05 | 555 |
| 1 | [next.js 개발] [Next.js] Fetch POST body에 json 형태로 데이터 주고받기 (json형 / object형 차이) | 졸리운_곰 | 2024.03.05 | 456 |

