아래 삽입 코드를 선택 후 복사( Ctrl+C 또는 ⌘-C)하여 여러분 블로그나 기사의 HTML소스에 넣어 삽입하시면 됩니다.
<script src="https://editoy.com/posts/106.js"></script><noscript>https://editoy.com/posts/106 JavaScript의 세상<p>더 이상 자바스크립트는 브라우저만을 위한 언어가 아닙니다. http://www.commonjs.org/웹 개발자들이 가장 인정 못 받던 시절 싼티나는 언어 자바스크립트가 요즘 대세입니다. GitHub 오픈소스 프로젝트에서 가장 많은 코드가 만들어지는 것이 자바스크립트입니다.http://github.com/languages요즘은 자바스크립트로 서버를 띄우기도 합니다. 그리고 성능도 기존 자바나 다른 언어들보다 우월합니다. nonblocking I/O라는 개념으로 만들어졌기 때문이지요. 기존 코드는 이렇습니다.var result = db.query("select * from ...");// use resultdb.query() 함수에서 답 나올 때까지 프로그램이 대기하고 있게 됩니다.node.js에서 사용하는 non-blocking I/O는 이런 식으로 표현합니다.db.query("select * from ...", function(result) {;; // use result});db.query() 함수 실행하고 이후로 내려갑니다. 답이 나오면 자동으로 function(result) 함수가 실행되는 것이지요. 저도 처음에는 이해하기 힘들었는데, 그냥 느끼시면 됩니다.이것을 활용한 것이 node.js라는 자바스크립트 플랫폼입니다.UI쪽에서는 jQuery가 서버쪽에서는 node.js가 플랫폼으로 자리를 잡아가고 있습니다.이 정도로는 자바스크립트 세상이라고 얘기하기에는 너무 좁습니다만 두 가지 사이트를 소개하고 일단 물러나겠습니다.;뉴욕시장 블룸버그 할아버지가 자바스크립트를 배운다고 하는 사이트 http://codecademy.com/ 가 있습니다.;뉴욕시장 마이클 블룸버그가 코드아카데미에서 코딩을 배우기 시작. 앞으로 이런 사람들 더 많이 늘겁니다. @egoing 님이 시작하신 "생활코딩"이 떠올라요 - http://t.co/qslCakeu 정지훈 Jihoon Jeong @hiconcep 2012/1/8 10:32 New Blog Post: JavaScript as a First Language: http://t.co/kjyucBkN John Resig @jeresig 2011/12/22 4:5 그리고 생활코딩이 여러분이 쉽게 개발이라는 창작의 세계에 빠져들도록 도와줄 것입니다.http://opentutorials.org/ http://opentutorials.org</noscript>
<script src="https://editoy.com/posts/106.js"></script><noscript>https://editoy.com/posts/106 JavaScript의 세상</noscript>
<iframe style="display: block; background: none repeat scroll 0% 0% transparent; border: medium none; overflow: hidden; width: 100%; height: 100%;" src="https://editoy.com/posts/106.embed" frameBorder=no ></iframe>
<div class="curation-body"><link href="https://editoy.com/static/media/style/curate.css" rel="stylesheet" type="text/css" /><font face="calibri, dotum"><span style="font-size: 14px; line-height: 200%;">더 이상 자바스크립트는 브라우저만을 위한 언어가 아닙니다.</span></font><div style="font-family: calibri, dotum; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 200%; "><div class="cropitem" style="width:555px;height:50px;"><iframe src="http://www.commonjs.org/" style="width:960px;height:50000px;position:absolute;top:-32px;left:-0px;" frameborder="0" scrolling="No"></iframe> <div style="position:absolute;height:50000px;width:960px;top:0px;left:0px;"><a href="http://www.commonjs.org/" title="http://www.commonjs.org/"><img src="/m/viewspost/media/images/bg.png" style="height:50000px;width:960px;"><span class="cropurl">http://www.commonjs.org/</span></a></div></div><br></div><div style="font-family: calibri, dotum; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 200%; "><br></div><div style="font-family: calibri, dotum; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 200%; ">웹 개발자들이 가장 인정 못 받던 시절 싼티나는 언어 자바스크립트가 요즘 대세입니다. GitHub 오픈소스 프로젝트에서 가장 많은 코드가 만들어지는 것이 자바스크립트입니다.</div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">http://github.com/languages</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">요즘은 자바스크립트로 서버를 띄우기도 합니다. 그리고 성능도 기존 자바나 다른 언어들보다 우월합니다. nonblocking I/O라는 개념으로 만들어졌기 때문이지요. 기존 코드는 이렇습니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">var result = db.query("select * from ...");</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">// use result</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">db.query() 함수에서 답 나올 때까지 프로그램이 대기하고 있게 됩니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">node.js에서 사용하는 non-blocking I/O는 이런 식으로 표현합니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">db.query("select * from ...", function(result) { </span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"> // use result</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">});</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">db.query() 함수 실행하고 이후로 내려갑니다. 답이 나오면 자동으로 function(result) 함수가 실행되는 것이지요. 저도 처음에는 이해하기 힘들었는데, 그냥 느끼시면 됩니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">이것을 활용한 것이 node.js라는 자바스크립트 플랫폼입니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">UI쪽에서는 jQuery가 서버쪽에서는 node.js가 플랫폼으로 자리를 잡아가고 있습니다.</span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;"><br></span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">이 정도로는 자바스크립트 세상이라고 얘기하기에는 너무 좁습니다만 두 가지 사이트를 소개하고 일단 물러나겠습니다. </span></font></div><div><font face="calibri, dotum"><span style="font-size: 14px; line-height: 28px;">뉴욕시장 블룸버그 할아버지가 자바스크립트를 배운다고 하는 사이트 http://codecademy.com/ 가 있습니다. </span></font></div><div><div class="tweet_item"><a href="http://twitter.com/hiconcep" title="@hiconcep"><img src="http://a0.twimg.com/profile_images/1276487896/1_normal.jpg" alt="hiconcep" title="hiconcep" class="avatar"></a><div class="tweet_text">뉴욕시장 마이클 블룸버그가 코드아카데미에서 코딩을 배우기 시작. 앞으로 이런 사람들 더 많이 늘겁니다. <a href="http://twitter.com/egoing" class="tweep" title="@egoing">@egoing</a> 님이 시작하신 "생활코딩"이 떠올라요 - <a href="http://t.co/qslCakeu">http://t.co/qslCakeu</a> <br><strong><a class="tweep" href="http://twitter.com/hiconcep" title="@hiconcep">정지훈 Jihoon Jeong @hiconcep</a></strong> <a href="http://twitter.com/hiconcep/status/155824078492672001" title="해당 트윗 보기">2012/1/8 10:32</a> <a class="tweet_action tweet_retweet" href="http://twitter.com/intent/retweet?tweet_id=155824078492672001" title="리트윗"> </a> <a class="tweet_action tweet_favorite" href="http://twitter.com/intent/favorite?tweet_id=155824078492672001" title="관심글 담기"> </a><a class="tweet_action tweet_reply" href="http://twitter.com/intent/tweet?in_reply_to=155824078492672001" title="답글"> </a> </div></div><div class="tweet_item"><a href="http://twitter.com/jeresig" title="@jeresig"><img src="http://a2.twimg.com/profile_images/1181631474/john_normal.jpg" alt="jeresig" title="jeresig" class="avatar"></a><div class="tweet_text">New Blog Post: JavaScript as a First Language: <a href="http://t.co/kjyucBkN">http://t.co/kjyucBkN</a> <br><strong><a class="tweep" href="http://twitter.com/jeresig" title="@jeresig">John Resig @jeresig</a></strong> <a href="http://twitter.com/jeresig/status/149566071056240640" title="해당 트윗 보기">2011/12/22 4:5</a> <a class="tweet_action tweet_retweet" href="http://twitter.com/intent/retweet?tweet_id=149566071056240640" title="리트윗"> </a> <a class="tweet_action tweet_favorite" href="http://twitter.com/intent/favorite?tweet_id=149566071056240640" title="관심글 담기"> </a><a class="tweet_action tweet_reply" href="http://twitter.com/intent/tweet?in_reply_to=149566071056240640" title="답글"> </a> </div></div><br></div><div>그리고 생활코딩이 여러분이 쉽게 개발이라는 창작의 세계에 빠져들도록 도와줄 것입니다.</div><div>http://opentutorials.org/</div><div><div class="cropitem" style="width:527px;height:268px;"><iframe src="http://opentutorials.org" style="width:960px;height:50000px;position:absolute;top:-122px;left:-163px;" frameborder="0" scrolling="No"></iframe> <div style="position:absolute;height:50000px;width:960px;top:0px;left:0px;"><a href="http://opentutorials.org" title="http://opentutorials.org"><img src="/m/viewspost/media/images/bg.png" style="height:50000px;width:960px;"><span class="cropurl">http://opentutorials.org</span></a></div></div><br></div><div class="editedby-logo"><a href="https://editoy.com/kenu"><img src="https://editoy.com/static/media/images/editoywith.png">kenu <img class="userthumb" width="32" src="http://api.twitter.com/1/users/profile_image?screen_name=kenu0000" alt="kenu's image" /></a></div></div>