https://www.newiki.net/w/index.php?action=history&feed=atom&title=MEAN_%EC%8A%A4%ED%83%9D 2026-04-12T02:47:46Z 이 문서의 편집 역사 MediaWiki 1.45.3 https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=28229&oldid=prev 2022-01-26T08:46:03Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2022년 1월 26일 (수) 08:46 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">1번째 줄:</td> <td colspan="2" class="diff-lineno">1번째 줄:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>동적 웹사이트와 웹 애플리케이션 개발을 위한 [[풀 스택]] 플랫폼의 일종. 클라이언트와 서버, [[데이터베이스]] 프로그래밍까지 [[자바스크립트]] 한 가지로 통일할 수 있다. 한 가지 프로그래밍 언어로 퉁칠 수 있으니 한두 명의 개발자가 북치고 장구치고 상모까지 돌려야 하는 스타트업을 중심으로 인기가 쭉쭉 올라가고 있다. 심지어 [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]]를 이용해서 모바일 앱까지 만들어버릴 수도 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>동적 웹사이트와 웹 애플리케이션 개발을 위한 [[풀 스택]] 플랫폼의 일종. 클라이언트와 서버, [[데이터베이스]] 프로그래밍까지 [[자바스크립트]] 한 가지로 통일할 수 있다. 한 가지 프로그래밍 언어로 퉁칠 수 있으니 한두 명의 개발자가 북치고 장구치고 상모까지 돌려야 하는 스타트업을 중심으로 인기가 쭉쭉 올라가고 있다. 심지어 [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]]를 이용해서 모바일 앱까지 만들어버릴 수도 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">8번째 줄:</td> <td colspan="2" class="diff-lineno">8번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 라이브러리 중에서는 가장 잘 나가고 있었고 [[페이스북]]에서 개발한 [[React]]가 [[JQuery]]를 추월한 실정이다. [[Vue.js]] 역시 사용자가 늘고 있다. [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]]<del style="font-weight: bold; text-decoration: none;">j </del>역시 <del style="font-weight: bold; text-decoration: none;">많은 주목을 받고 있으며 </del>[[구글]]을 등에 업고 <del style="font-weight: bold; text-decoration: none;">사용층도 </del>빠르게 <del style="font-weight: bold; text-decoration: none;">늘고 있는 것은 사실이다</del>. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] 라이브러리는 주로 '뷰'에 집중하고 있는 반면, [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓은, 하나의 [[프레임워크]] 수준으로 덩치가 크다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.&lt;ref&gt;여기에 Angular 2부터는 [[타입스크립트]]를 기반 언어로 바꾸었다. [[타입스크립트]]가 가지는 장점이 있긴 하지만 [[자바스크립트]] 개발자로서는 프로그래밍 언어를 하나 더 배워야 하므로 진입 장벽이 좀 더 올라간 셈이다.&lt;/ref&gt; 시간이 지날수록 [[React]]나 [[Vue.js]]의 인기가 올라가고 [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 라이브러리 중에서는 가장 잘 나가고 있었고 [[페이스북]]에서 개발한 [[React]]가 [[JQuery]]를 추월한 실정이다. [[Vue.js]] 역시 사용자가 늘고 있다. [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]] 역시 [[구글]]을 등에 업고 <ins style="font-weight: bold; text-decoration: none;">사용층을 </ins>빠르게 <ins style="font-weight: bold; text-decoration: none;">늘려 나갔다</ins>. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] 라이브러리는 주로 '뷰'에 집중하고 있는 반면, [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓은, 하나의 [[프레임워크]] 수준으로 덩치가 크다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.&lt;ref&gt;여기에 Angular 2부터는 [[타입스크립트]]를 기반 언어로 바꾸었다. [[타입스크립트]]가 가지는 장점이 있긴 하지만 [[자바스크립트]] 개발자로서는 프로그래밍 언어를 하나 더 배워야 하므로 진입 장벽이 좀 더 올라간 셈이다.&lt;/ref&gt; 시간이 지날수록 [[React]]나 [[Vue.js]]의 인기가 올라가고 [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=28228&oldid=prev 2022-01-26T08:39:48Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2022년 1월 26일 (수) 08:39 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">5번째 줄:</td> <td colspan="2" class="diff-lineno">5번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. 대다수 클라우드 서비스가 [[NoSQL]] 서비스를 할 때 가장 많이 지원하고 있어서 사용자층도 가장 넓다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. 대다수 클라우드 서비스가 [[NoSQL]] 서비스를 할 때 가장 많이 지원하고 있어서 사용자층도 가장 넓다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 [[프레임워크]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 [[프레임워크]].</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[<del style="font-weight: bold; text-decoration: none;">AngularJS</del>]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] [[프레임워크]]. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 <del style="font-weight: bold; text-decoration: none;">하고 있다</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[<ins style="font-weight: bold; text-decoration: none;">Angular</ins>]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] [[프레임워크]]. <ins style="font-weight: bold; text-decoration: none;">원래 이름은 AngularJS였지만 </ins>2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 <ins style="font-weight: bold; text-decoration: none;">바꿨으며, 그에 따라 '[[자바스크립트]]'를 뜻하는 JS를 이름에서 빼버렸다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=26862&oldid=prev 2021-10-11T22:25:13Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2021년 10월 11일 (월) 22:25 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다<ins style="font-weight: bold; text-decoration: none;">. 대다수 클라우드 서비스가 [[NoSQL]] 서비스를 할 때 가장 많이 지원하고 있어서 사용자층도 가장 넓다</ins>. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 [[프레임워크]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 [[프레임워크]].</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] [[프레임워크]]. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 하고 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] [[프레임워크]]. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 하고 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 라이브러리 중에서는 가장 잘 나가고 있었고 [[페이스북]]에서 개발한 [[React]]가 [[JQuery]]를 추월한 실정이다. [[Vue.js]] 역시 사용자가 늘고 있다. [[AngularJS]]j 역시 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] 라이브러리는 주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓은, 하나의 [[프레임워크]] 수준으로 덩치가 크다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.&lt;ref&gt;여기에 Angular 2부터는 [[타입스크립트]]를 기반 언어로 바꾸었다.&lt;/ref&gt; 시간이 지날수록 [[React]]나 [[Vue.js]]의 인기가 올라가고 [[AngularJS]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 라이브러리 중에서는 가장 잘 나가고 있었고 [[페이스북]]에서 개발한 [[React]]가 [[JQuery]]를 추월한 실정이다. [[Vue.js]] 역시 사용자가 늘고 있다. [[AngularJS]]j 역시 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] 라이브러리는 주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓은, 하나의 [[프레임워크]] 수준으로 덩치가 크다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.&lt;ref&gt;여기에 Angular 2부터는 [[타입스크립트]]를 기반 언어로 바꾸었다<ins style="font-weight: bold; text-decoration: none;">. [[타입스크립트]]가 가지는 장점이 있긴 하지만 [[자바스크립트]] 개발자로서는 프로그래밍 언어를 하나 더 배워야 하므로 진입 장벽이 좀 더 올라간 셈이다</ins>.&lt;/ref&gt; 시간이 지날수록 [[React]]나 [[Vue.js]]의 인기가 올라가고 [[AngularJS]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=26861&oldid=prev 2021-10-11T22:22:56Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2021년 10월 11일 (월) 22:22 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">4번째 줄:</td> <td colspan="2" class="diff-lineno">4번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 프레임워크.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 <ins style="font-weight: bold; text-decoration: none;">[[</ins>프레임워크<ins style="font-weight: bold; text-decoration: none;">]]</ins>.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 하고 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] <ins style="font-weight: bold; text-decoration: none;">[[</ins>프레임워크<ins style="font-weight: bold; text-decoration: none;">]]</ins>. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 하고 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] <del style="font-weight: bold; text-decoration: none;">프레임워크에서 </del>가장 잘 나가고 <del style="font-weight: bold; text-decoration: none;">있고, </del>[[페이스북]]에서 개발한 [[React]]<del style="font-weight: bold; text-decoration: none;">라는 놈도 있다</del>. [[Vue.js]] 역시 사용자가 늘고 있다. <del style="font-weight: bold; text-decoration: none;">그래도 </del>[[AngularJS]]<del style="font-weight: bold; text-decoration: none;">가 </del>많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] <del style="font-weight: bold; text-decoration: none;">프레임워크는 </del>주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 <del style="font-weight: bold; text-decoration: none;">넓다</del>. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제. <del style="font-weight: bold; text-decoration: none;">시간이 지날수록 </del>[[<del style="font-weight: bold; text-decoration: none;">자바스크립트</del>]] <del style="font-weight: bold; text-decoration: none;">프레임워크로는 </del>[[React]]나 [[Vue.js]]의 인기가 올라가고 [[AngularJS]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] <ins style="font-weight: bold; text-decoration: none;">라이브러리 중에서는 </ins>가장 잘 나가고 <ins style="font-weight: bold; text-decoration: none;">있었고 </ins>[[페이스북]]에서 개발한 [[React]]<ins style="font-weight: bold; text-decoration: none;">가 [[JQuery]]를 추월한 실정이다</ins>. [[Vue.js]] 역시 사용자가 늘고 있다. [[AngularJS]]<ins style="font-weight: bold; text-decoration: none;">j 역시 </ins>많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 [[JQuery]], [[React]]나 [[Vue.js]] <ins style="font-weight: bold; text-decoration: none;">라이브러리는 </ins>주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 <ins style="font-weight: bold; text-decoration: none;">넓은, 하나의 [[프레임워크]] 수준으로 덩치가 크다</ins>. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.<ins style="font-weight: bold; text-decoration: none;">&lt;ref&gt;여기에 Angular 2부터는 </ins>[[<ins style="font-weight: bold; text-decoration: none;">타입스크립트</ins>]]<ins style="font-weight: bold; text-decoration: none;">를 기반 언어로 바꾸었다.&lt;/ref&gt; 시간이 지날수록 </ins>[[React]]나 [[Vue.js]]의 인기가 올라가고 [[AngularJS]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=25372&oldid=prev 2021-06-08T08:21:02Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2021년 6월 8일 (화) 08:21 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">8번째 줄:</td> <td colspan="2" class="diff-lineno">8번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 <del style="font-weight: bold; text-decoration: none;">React라는 </del>놈도 있다. Vue.js 역시 사용자가 늘고 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 JQuery, <del style="font-weight: bold; text-decoration: none;">React나 </del>Vue.js 프레임워크는 주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 <ins style="font-weight: bold; text-decoration: none;">[[React]]라는 </ins>놈도 있다. <ins style="font-weight: bold; text-decoration: none;">[[</ins>Vue.js<ins style="font-weight: bold; text-decoration: none;">]] </ins>역시 사용자가 늘고 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. 참고로 <ins style="font-weight: bold; text-decoration: none;">[[</ins>JQuery<ins style="font-weight: bold; text-decoration: none;">]]</ins>, <ins style="font-weight: bold; text-decoration: none;">[[React]]나 [[</ins>Vue.js<ins style="font-weight: bold; text-decoration: none;">]] </ins>프레임워크는 주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제<ins style="font-weight: bold; text-decoration: none;">. 시간이 지날수록 [[자바스크립트]] 프레임워크로는 [[React]]나 [[Vue.js]]의 인기가 올라가고 [[AngularJS]]가 밀리는 분위기라&lt;ref&gt;[[JQuery]]는 점점 구닥다리로 밀리면서 기존 코드의 호환성 차원에서 쓰이는 경우가 많고, [[React]]로 갈아엎는 곳도 늘어나고 있다.&lt;/ref&gt;, MEAN 스택보다는 'A'를 'R'이나 'V'로 대신하는 풀 스택 개발 쪽이 좀더 많이 쓰이고 있다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{각주}}</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=21394&oldid=prev 2020-06-16T22:06:45Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2020년 6월 16일 (화) 22:06 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">8번째 줄:</td> <td colspan="2" class="diff-lineno">8번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 <ins style="font-weight: bold; text-decoration: none;">있다. Vue.js 역시 사용자가 늘고 </ins>있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다. <ins style="font-weight: bold; text-decoration: none;">참고로 JQuery, React나 Vue.js 프레임워크는 주로 '뷰'에 집중하고 있는 반면, [[AngularJS]]는 프론트엔드의 풀 스택이라고 할 정도로 다루는 범위가 넓다. 한편으로는 그만큼 배워야 할 것도 많고 진입장벽이 높다는 게 문제.</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{각주}}</ins></div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=11563&oldid=prev 2017-12-02T01:35:19Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2017년 12월 2일 (토) 01:35 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">1번째 줄:</td> <td colspan="2" class="diff-lineno">1번째 줄:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>동적 웹사이트와 웹 애플리케이션 개발을 위한 [[풀 스택]] 플랫폼의 일종. 클라이언트와 서버, [[데이터베이스]] 프로그래밍까지 [[자바스크립트]] 한 가지로 통일할 수 있다. 한 가지 프로그래밍 언어로 퉁칠 수 있으니 한두 명의 개발자가 북치고 장구치고 상모까지 돌려야 하는 스타트업을 중심으로 인기가 쭉쭉 올라가고 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>동적 웹사이트와 웹 애플리케이션 개발을 위한 [[풀 스택]] 플랫폼의 일종. 클라이언트와 서버, [[데이터베이스]] 프로그래밍까지 [[자바스크립트]] 한 가지로 통일할 수 있다. 한 가지 프로그래밍 언어로 퉁칠 수 있으니 한두 명의 개발자가 북치고 장구치고 상모까지 돌려야 하는 스타트업을 중심으로 인기가 쭉쭉 올라가고 <ins style="font-weight: bold; text-decoration: none;">있다. 심지어 [[AngularJS]]를 이용해서 모바일 앱까지 만들어버릴 수도 </ins>있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 붙이면 어떨까? 그래도 MEAN인데.&lt;/del&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: [[Node.js]]에서 가장 널리 쓰이는 웹 프레임워크.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS]]: [[Node.js]]에서 가장 널리 쓰이는 웹 프레임워크.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크<ins style="font-weight: bold; text-decoration: none;">. 2.0부터는 [[자바스크립트]]의 파생형인 [[타입스크립트]]를 기본으로 하고 있다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 [[블로그]]에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 [[구글]]을 등에 업고 사용층도 빠르게 늘고 있는 것은 사실이다.</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=6693&oldid=prev 2016-07-17T18:33:34Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2016년 7월 17일 (일) 18:33 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 <del style="font-weight: bold; text-decoration: none;">불이면 </del>어떨까?</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. &lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 <ins style="font-weight: bold; text-decoration: none;">붙이면 </ins>어떨까? <ins style="font-weight: bold; text-decoration: none;">그래도 MEAN인데.&lt;/del&gt;</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: Node.<del style="font-weight: bold; text-decoration: none;">js에서 </del>가장 널리 쓰이는 웹 프레임워크.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: <ins style="font-weight: bold; text-decoration: none;">[[</ins>Node.<ins style="font-weight: bold; text-decoration: none;">js]]에서 </ins>가장 널리 쓰이는 웹 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 <del style="font-weight: bold; text-decoration: none;">블로그에서 </del>이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 사용층도 빠르게 늘고 있는 것은 사실이다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 <ins style="font-weight: bold; text-decoration: none;">[[블로그]]에서 </ins>이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 <ins style="font-weight: bold; text-decoration: none;">[[구글]]을 등에 업고 </ins>사용층도 빠르게 늘고 있는 것은 사실이다.</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=5997&oldid=prev 2016-05-14T09:02:17Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2016년 5월 14일 (토) 09:02 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : 문서 기반의 [[NoSQL]] [[데이터베이스]]. 문서의 표준 형식이 바로 [[JSON]]이다. 다른 언어로도 사용할 수 있지만 일단 [[JSON]] 기반이므로 [[자바스크립트]]와 가장 잘 붙는 편이다. <ins style="font-weight: bold; text-decoration: none;">&lt;del&gt;[[NoSQL]]이 싫으면 [[MariaDB]]로 갈아 불이면 어떨까?</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: Node.js에서 가장 널리 쓰이는 웹 프레임워크.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: Node.js에서 가장 널리 쓰이는 웹 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 블로그에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 블로그에서 이 용어를 제안했다. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다<ins style="font-weight: bold; text-decoration: none;">. 그래도 [[AngularJS]]가 많은 주목을 받고 있으며 사용층도 빠르게 늘고 있는 것은 사실이다</ins>.</div></td></tr> </table>

Dennis https://www.newiki.net/w/index.php?title=MEAN_%EC%8A%A4%ED%83%9D&diff=5050&oldid=prev 2016-01-27T17:11:23Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ko"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2016년 1월 27일 (수) 17:11 판</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">3번째 줄:</td> <td colspan="2" class="diff-lineno">3번째 줄:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>MEAN 스택은 정확히 말하면 풀 스택을 위한 몇 가지 소프트웨어를 묶은 일종의 번들 개념이다. 다음과 같은 요소로 구성되어 있다.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : <del style="font-weight: bold; text-decoration: none;">도큐먼트 </del>기반의 [[NoSQL]] [[데이터베이스]]<del style="font-weight: bold; text-decoration: none;">로 </del>[[<del style="font-weight: bold; text-decoration: none;">SQL</del>]] <del style="font-weight: bold; text-decoration: none;">대신 </del>[[<del style="font-weight: bold; text-decoration: none;">자바스크립트</del>]]<del style="font-weight: bold; text-decoration: none;">와 </del>[[<del style="font-weight: bold; text-decoration: none;">JSON</del>]]<del style="font-weight: bold; text-decoration: none;">으로 질의를 한다</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[MongoDB]] : <ins style="font-weight: bold; text-decoration: none;">문서 </ins>기반의 [[NoSQL]] [[데이터베이스]]<ins style="font-weight: bold; text-decoration: none;">. 문서의 표준 형식이 바로 </ins>[[<ins style="font-weight: bold; text-decoration: none;">JSON</ins>]]<ins style="font-weight: bold; text-decoration: none;">이다. 다른 언어로도 사용할 수 있지만 일단 </ins>[[<ins style="font-weight: bold; text-decoration: none;">JSON</ins>]] <ins style="font-weight: bold; text-decoration: none;">기반이므로 </ins>[[<ins style="font-weight: bold; text-decoration: none;">자바스크립트</ins>]]<ins style="font-weight: bold; text-decoration: none;">와 가장 잘 붙는 편이다</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: Node.js에서 가장 널리 쓰이는 웹 프레임워크.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[ExpressJS ]]: Node.js에서 가장 널리 쓰이는 웹 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[AngularJS]] : [[구글]]에서 개발한 [[MVC]] 기반 클라이언트 측 [[자바스크립트]] 프레임워크.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Node.js]] : [[자바스크립트]] 엔진 기반의 웹 서버.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 블로그에서 이 용어를 제안했다.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>이 네 가지의 머릿글자를 따면 MEAN이 된다. 발레리 카프로프라는 개발자가 자신의 블로그에서 이 용어를 제안했다<ins style="font-weight: bold; text-decoration: none;">. [[자바스크립트]] 기반 풀 스택이라면 이들 중 M, E, N은 대체로 이견이 없지만 A는 좀 얘기가 다른데, 일단 [[JQuery]]라는 놈이 클라이언트 측 [[자바스크립트]] 프레임워크에서 가장 잘 나가고 있고, [[페이스북]]에서 개발한 React라는 놈도 있다</ins>.</div></td></tr> </table>

Dennis