MEAN Stack 소개

MEAN stack은 웹개발을 위한 프로그램 세트 중의 하나로 Mongo DB, Express JS, Angular JS, Node JS 로 구성되어 있습니다. 발음은 '민 스택'이라고 읽으시면 됩니다.

네가지 구성 모두 오픈소스 프로젝트로 무료로 사용가능하며, 프로그램 사용자 언어가 javascript라는 특징이 있습니다.

이전에는 javascript가 front-end에서만 사용할 수 있었으며 back-end는 Java, C++(.NET) 등의 언어로 작업했어야 했지만 back-end용 javascript 언어가나오면서 front-end와 back-end를 모두 한가지 언어로 작업할 수 있게 된 것이지요.

지금 이 글을 읽고 계신 A-MEAN-blog.com 도 이 MEAN stack으로 만들어졌습니다.

각각의 구성요소를 살펴봅시다.

Node JS

위에 설명한 back-end용 javascript가 node.js입니다. 원래 javascirpt는 독립된 언어가 아니라 스크립트 언어인데요, 이 javascript를 웹브라우저에서 독립시킨 것이 node.js입니다. node.js를 설치하면 터미널프로그램(윈도우의 cmd, 맥의 terminal등)에서 node js 프로그램을 브라우저 없이 바로 실행할 수 있습니다. 하지만 javascript에서 분리시킨 언어라서 문법은 javascript와 똑같죠. 이로써 node.js를 이용하여 웹 브라우저에 의존하지 않는 프로그램을 만들 수 있게 되고 서버까지 만들 수 있게 된 것이죠.

Express JS

Express는 node.JS를 이용해 웹개발을 할 수 있게 해주는 framework입니다.

Mongo DB

몽고DB는 대표적인 NoSQL, Non Relational Database 입니다.

고전적인 테이블, 행, 열의 개념이 없고, 하나의 데이터는 document라고 부르며, 이 document의 모움을 collection이라고 부릅니다. 또한 모든 document들은 JSON형식으로 되어 있고 Javascript의 object와 마찬가지로 고정된 형식이 없으며 항목의 추가 삭제가 자유롭습니다. 데이터의 조작은 SQL대신 Javascript로 할 수 있습니다.

문장, 이미지데이터(base64) 등 길이가 길고 일정하지 않은 데이터들을 저장하고 검색하는데 적합한 DB입니다.

Angular JS

Angular JS는 SPA(Single Page Application)을 만드는 front-end용 framework입니다. Javascript로 되어 있긴 한데, Angular함수들의 사용 방식은 처음 보면 익숙하지 않아서 어렵게 느껴질 수도 있습니다.

*아래는 2017년 추가된 내용입니다

Angular

2016년 말에 Angular가 공식적으로 릴리즈되었습니다. Angular는 AngularJS의 후속판이지만 거의 새로 만든 수준이기 때문에 아예 이름을 바꾸었습니다. AngularJS와 확실히 구별하기 위해 Angular2라고도 불립니다. 여전히 Javascript를 쓸 수도 있지만 Type Script라는 언어를 일반적으로 쓰게 됩니다. A-MEAN-Blog.com도 AngularJS 강의를 준비하고 있었으나 Angular가 릴리즈됨에 따라 Angular 강의로 바꾸게 되었습니다.