- 전체
- 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
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 14 | JSON 객체를 String으로 변환하기 | 졸리운_곰 | 2016.11.16 | 611 |
| 13 |
D3.js 시작하기
| 졸리운_곰 | 2016.11.16 | 653 |
| 12 | [JQuery] 셀렉터 및 함수 정리 | 졸리운_곰 | 2016.11.15 | 619 |
| 11 |
[jQueryUI] jqGrid 사용하기 - 2
| 졸리운_곰 | 2016.08.28 | 947 |
| 10 |
[jQueryUI] 기본 개념 및 사용하기 - 1
| 졸리운_곰 | 2016.08.28 | 376 |
| 9 |
A very long AngularJS tutorial
| 졸리운_곰 | 2016.07.21 | 900 |
| 8 |
AngularJS 소개 - 특징, 철학, 주요 개념, 동작 방식
| 졸리운_곰 | 2016.07.20 | 595 |
| 7 |
angularjs 에서 php 서비스 콜하고 json으로 리턴 받기
| 졸리운_곰 | 2016.07.19 | 645 |
| 6 |
자바스크립트 프레임워크_AngularJS 기본개념 강좌
| 졸리운_곰 | 2016.07.19 | 563 |
| 5 | [번역] 하루만에 끝내는 AngularJS | 졸리운_곰 | 2016.07.19 | 790 |
| 4 | Writing a Javascript REST client | 졸리운_곰 | 2016.06.06 | 366 |
| 3 |
[인공지능 자바스크립트] Neural Networks in JavaScript with Brain.js
| 졸리운_곰 | 2016.06.05 | 622 |
| 2 |
GitHub Training Kit : in order to make online workbook by sjkim comphy
| 졸리운_곰 | 2016.05.17 | 270 |
| 1 |
node-Tor : JavaScript (node.js) On Tor network
| 졸리운_곰 | 2016.05.04 | 450 |

