{"id":362,"date":"2014-09-15T00:16:01","date_gmt":"2014-09-15T09:16:01","guid":{"rendered":"http:\/\/blog.box.kr\/?p=362"},"modified":"2014-09-15T00:16:01","modified_gmt":"2014-09-15T09:16:01","slug":"trello-%ec%95%84%ed%82%a4%ed%85%8d%ec%b2%98","status":"publish","type":"post","link":"https:\/\/blog.box.kr\/?p=362","title":{"rendered":"[\ud38c]Trello \uc544\ud0a4\ud14d\ucc98"},"content":{"rendered":"<h1 style=\"background: url('http:\/\/www.mimul.com\/pebble\/default\/themes\/default\/images\/bullet.jpg') no-repeat 0% 50%; font: 24px\/normal 'Trebuchet MS', 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; margin: 0px; padding: 4px 4px 4px 30px; text-align: left; color: #6e7d8e; text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; white-space: normal; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: 0px;\"><a href=\"http:\/\/www.mimul.com\/pebble\/default\/2014\/03\/17\/1395028081476.html\">Trello \uc544\ud0a4\ud14d\ucc98<\/a><\/h1>\n<h2 style=\"font: 12px\/normal 'Trebuchet MS', 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; margin: 0px; text-align: left; color: #6e7d8e; text-transform: none; text-indent: 0px; letter-spacing: normal; padding-top: 4px; padding-left: 30px; word-spacing: 0px; white-space: normal; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: 0px;\"><\/h2>\n<div class=\"contentItemBody\" style=\"font: 12px\/1.5 'Trebuchet MS', 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; padding: 8px 30px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: 0px;\">\n<h3><b>CoffeeScript<\/b><\/h3>\n<p>Trello\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc11c\ubc84 \ubaa8\ub450 \uc21c\uc218 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub85c \uc2dc\uc791\ub418\uc5c8\uace0, 2011\ub144 5\uc6d4\uae4c\uc9c0\ub294 \uc801\uc5b4\ub3c4 \uadf8\ub807\uac8c \uc720\uc9c0\ub418\uc5c8\ub294\ub370 \uadf8 \uc774\ud6c4\ubd80\ud130 CoffeeScript\ub97c \uc5bc\ub9c8\ub098 \uc88b\uc544\ud558\ub294\uc9c0 \ubcf4\uae30 \uc704\ud574\uc11c CoffeeScript\ub85c \uc774\uc911\uc73c\ub85c \uac1c\ubc1c\ud574 \ud3ec\ud305\ud558\uae30 \uc2dc\uc791\ud588\ub2e4. \uadf8 \ud6c4 \uc6b0\ub9ac\ub294 CoffeeScript\ub97c \uc0ac\ub791\ud568\uc744 \ud655\uc778\ud588\uace0 \uace7, \ub098\uba38\uc9c0 \ubaa8\ub450\uc758 \ucf54\ub4dc\ub3c4 CoffeeScript\ub85c \uc804\ud658\uc744 \uc644\ub8cc\ud588\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>CoffeeScript\ub294 JavaScript\ub97c \uc77d\uc744 \uc218 \uc788\ub294 \ucef4\ud30c\uc77c \uc5b8\uc5b4\uc774\ub2e4. \uc6b0\ub9ac\uac00 \uc2dc\uc791\ud588\uc744 \ub54c\ub3c4 \uac71\uc815\uc774 \ub418\uc5c8\ub358 \ubd80\ubd84\uc774\uc9c0\ub9cc, \uc18c\uc2a4\ub97c \uc9c1\uc811 \ub514\ubc84\uae45\ud558\ub294 \uac83\ubcf4\ub2e4 \ucef4\ud30c\uc77c\ub41c \ucf54\ub4dc\ub97c \ub514\ubc84\uae45\ud558\ub294 \uac83\uc774 \ub354 \ubcf5\uc7a1\uc131\uc774 \ucd94\uac00\ub41c\ub2e4\ub294 \uac83\uc5d0 \ub300\ud574 \uac71\uc815\uc744 \ub9ce\uc774 \ud588\uc5c8\ub2e4. \uc6b0\ub9ac\uac00 \uc2dc\ub3c4\ub97c \ud588\uc744\ub54c, \ube44\ub85d \ubcc0\ud658\uc774 \ud06c\ub86c\uc5d0\uc11c \ub514\ubc84\uae45\ud560\ub5bc \uc57d\uac04\uc758 \uc815\uc2e0\uc801\uc778 \ub178\ub825\uc774 \ud544\uc694\ud558\uc9c0\ub9cc, CoffeeScript\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc18c\uc2a4\ub97c \ud0c0\ucf13 \ucf54\ub4dc\ub85c \ub9e4\ud551\ud558\ub294 \uc77c\ub3c4 \ub108\ubb34\ub098 \uba85\ub8cc\ud588\uace0, \ub610 \ucf54\ub4dc\ub3c4 \uac04\uacb0\ud558\uac8c \ub418\uc5c8\uace0, \uac00\ub3c5\uc131\uc774 \uc88b\ub2e4\ub294 \uac83\uc740 \ubd84\uba85\ud574 \uc6b0\ub9ac\uac00 \uc0ac\uc6a9\ud558\ub294\ub370\uc5d0 \uc788\uc5b4\uc11c \uc124\ub4dd\ub825\uc774 \ucda9\ubd84\ud588\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>JavaScript\ub294 \uc815\ub9d0 \uba4b\uc9c4 \uc5b8\uc5b4\uc774\ub2e4. \uc798 \uc791\uc131\ub41c CoffeeScript\ub294 Javascript\uc640 \uac19\uc740 \ub0b4\uc6a9\uc744 \ub098\ud0c0\ub0b4\ub294\ub370\uc5d0\ub3c4 \ub354 \uc9e7\uace0 \uc720\uc5f0\ud588\ub2e4. \uadf8\ub9ac\uace0 \uc2e4\uc9c8\uc801\uc778 \ub514\ubc84\uae45\uc758 \uac04\uc811\uc801\uc778 \ubb38\uc81c\ub294 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc558\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<h3><b>The Client<\/b><\/h3>\n<p>Trello \uc11c\ubc84\ub294 HTML \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \ucf54\ub4dc\ub97c \uac70\uc758 \ub2e4\ub8e8\uace0 \uc788\uc9c0 \uc54a\ub2e4. Trello \ud398\uc774\uc9c0\ub294 2K \uc258\uc5d0\uc11c \ud558\ub098\uc758 \uacbd\ub7c9\ud654\ub418\uace0 \uc555\ucd95\ub41c JavaScript \ud30c\uc77c(3`d Party \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ucef4\ud30c\uc77c\ub41c CoffeeScript\uc640 Mustache \ud15c\ud50c\ub9bf\uc744 \ud3ec\ud568\ud55c)\uacfc CSS \ud30c\uc77c(\uc778\ub77c\uc778\ub41c \uc774\ubbf8\uc9c0\ub97c \ud3ec\ud568, LESS \uc18c\uc2a4\ub97c \ucef4\ud30c\uc77c\ud574 \uc555\ucd95\ud55c)\ub85c \uad6c\uc131\ub41c \uac83\uc744 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc571\uc5d0\uc11c \ub2f9\uaca8\uc624\ub294 \uad6c\uc870\ub85c \ub418\uc5b4 \uc788\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \ud504\ub85c\uadf8\ub7a8\uc740 250K \uc774\ud558\uc758 \ud06c\uae30\ub85c Amazon\uc758 CloudFront CDN\uc5d0 \uce90\uc2dc\ub418\uc5b4 \uc788\uae30 \ub54c\ubb38\uc5d0 \ubaa8\ub4e0 \uc9c0\uc5ed\uc5d0\uc11c \uc9c0\uc5f0\uc5c6\uc774 \uc11c\ube44\uc2a4\ud560 \uc218 \uc788\ub2e4. \uc801\ub2f9\ud788 \ub192\uc740 \ub300\uc5ed\uc744 \ud655\ubcf4\ud55c \uacbd\uc6b0\uc5d0\ub294 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc11c\ube44\uc2a4\ud558\ub294\ub370 0.5\ucd08 \uc815\ub3c4\uba74 \uac00\ub2a5\ud558\uba70, \uadf8 \uc774\ud6c4\ub294 \uce90\uc2dc\uc5d0\uc11c \uc11c\ube44\uc2a4\uac00 \ub41c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>\ubcd1\ub82c\uc801\uc73c\ub85c \uccab \ubc88\uc9f8 \ud398\uc774\uc9c0\uc758 \ucf58\ud150\uce20\ub294 AJAX\ub85c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\uc5ec \uc2dc\uc791\ub418\uba70, \ub3d9\uc2dc\uc5d0 \uc11c\ubc84\uc640 WebSocket \uc5f0\uacb0\uc744 \uc124\uc815\ud55c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. BACKBONE.JS<\/b><\/p>\n<p>\ub370\uc774\ud130 \uc694\uccad \ucc98\ub9ac\ub97c \ud560 \ub54c Backbone.js\ub294 \ubb34\uc9c0 \ubc14\ube60\uc9c4\ub2e4. Backbone.js\ub294 \uc11c\ubc84\uc5d0\uc11c view\uc640 \ud568\uaed8 \ubcf4\ub0b4\uc9c4 model\uc744 \ub80c\ub354\ub9c1\ud558\uace0 \ub2e4\uc74c\uacfc \uac19\uc740 \uc26c\uc6b4 \ubc29\ubc95\uc744 Backbone.js\ub294 \uc81c\uacf5\ud55c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<ol>\n<li>view\uc5d0\uc11c \uc0dd\uc131\ub41c HTML\uc5d0\uc11c DOM \uc774\ubca4\ud2b8\ub97c \uac10\uc2dc\ud558\uc5ec \ud574\ub2f9 model\uc5d0 \ub300\uc751\ub418\ub294 \uba54\uc11c\ub4dc\uc640 \uc5f0\uacb0\ud574\uc11c, \uc11c\ubc84\uc640 \ub2e4\uc2dc \ub3d9\uae30\ud654\ub418\uba74 \ub2e4\uc2dc \uad00\ub828 method\uc5d0 \ub300\uc751\ud574 \uc900\ub2e4.<\/li>\n<li>\ubcc0\uacbd\uc744 \uc704\ud574 model\uc744 \uac10\uc2dc\ud558\uace0, \ubcc0\uacbd \uc0ac\ud56d\uc744 \ubc18\uc601\ud558\uae30 \uc704\ud574 model\uc758 HTML \ube14\ub85d\uc744 \ub2e4\uc2dc \ub80c\ub354\ub9c1\ud55c\ub2e4.<\/li>\n<\/ol>\n<p>\uc774\uc81c \uc774\ub7ec\ud55c \uc811\uadfc\ubc95\uc73c\ub85c \uc6b0\ub9ac\ub294 \uaf64 \ud45c\uc900\ud654\ub418\uace0, \uc774\ud574\ud558\uae30 \uc26c\uc6b0\uba70, \uc720\uc9c0\ubcf4\uc218\uac00 \uc6a9\uc774\ud55c \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc5bb\uc5c8\ub2e4. \uadf8\ub9ac\uace0 \uc6b0\ub9ac\ub294 \uc5c5\ub370\uc774\ud2b8\ub098 \ud074\ub77c\uc774\uc5b8\ud2b8\uce21 model \uc7ac\uc0ac\uc6a9\ud558\uae30 \uc704\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8\uce21 model \uce90\uc2dc \uad6c\uc870\ub97c \ub9cc\ub4e4\uc5c8\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. PUSHSTATE<\/b><\/p>\n<p>\ud074\ub77c\uc774\uc5b8\ud2b8 \uc571 \uc804\uccb4\ub97c \ube0c\ub77c\uc6b0\uc800 \ucc3d\uc5d0\uc11c \ub85c\ub4dc\ud558\ub294 \ud615\ud0dc\uc758 \uad6c\uc870\ub97c \uac00\uc9c0\uace0 \uc788\uc9c0\ub9cc, \uc6b0\ub9ac\ub294 \ub610\ud55c \ud398\uc774\uc9c0 \uc804\ud658\uc73c\ub85c \uc778\ud55c \uc2dc\uac04 \ube44\uc6a9\uc744 \ub0ad\ube44\ud558\uace0 \uc2f6\uc9c0 \uc54a\ub2e4. \ud398\uc774\uc9c0 \uac04\uc758 \uc774\ub3d9\uc5d0\ub294 HTML5 pushState\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc5b4, \uc774 \ubc29\ubc95\uc740 \uc8fc\uc18c\ucc3d\uc5d0 \uc801\uc808\ud558\uace0 \uc77c\uad00\uc131 \uc788\ub294 \ub9c1\ud06c\ub97c \ubd80\uc5ec\ud560 \uc218 \uc788\uace0, \uc804\ud658 \uc2dc\uc810\uc5d0 \ub370\uc774\ud130\ub97c \uc77d\uace0 \uc801\uc808\ud55c Backbone.js \ucee8\ud2b8\ub864\ub7ec\uc5d0 \uc804\ub2ec\ud55c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. MUSTACHE<\/b><\/p>\n<p>Mustache\ub294 \ub85c\uc9c1\uc774 \uc801\uc740 \ud15c\ud50c\ub9bf \uc5b8\uc5b4\ub85c\uc11c, \ubaa8\ub378\uc744 HTML\ub85c \ubcc0\ud658\ud574 \uc8fc\uae30 \uc704\ud574\uc11c \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4. Mustache\uc758 &#8216;Less is more&#8217; \uc811\uadfc \ub355\ubd84\uc5d0 \uc6b0\ub9ac\uc758 \ucf54\ub4dc\ub294 \uc5c9\ub9dd\uc73c\ub85c \ub9cc\ub4e4\uac70\ub098 \ud074\ub77c\uc774\uc5b8\ud2b8 \ub17c\ub9ac\uac00 \ub4a4\uc8fd\ubc15\uc8fd \uc11e\uc774\uc9c0 \uc54a\uac8c \ud558\ub3c4\ub85d \ud15c\ud50c\ub9bf \ucf54\ub4dc\ub97c \uc7ac\uc0ac\uc6a9 \ud560 \uc218 \uc788\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<h3><b>Pushing and Polling<\/b><\/h3>\n<p>\uc2e4\uc2dc\uac04 \uc5c5\ub370\uc774\ud2b8 \uc790\uccb4\ub294 \uc0c8\ub86d\uc9c0 \uc54a\uc9c0\ub9cc, \ud611\uc5c5\ud234\uc5d0\uc11c\ub294 \uc815\ubcf4\ub97c \uacf5\uc720\ud558\ub294 \uc11c\ube44\uc2a4\uc774\ubbc0\ub85c \uc911\uc694\ud55c \uae30\ub2a5\uc774 \ub41c\ub2e4.<\/p>\n<p><b>*. SOCKET.IO AND WEBSOCKETS<\/b><\/p>\n<p>\ube0c\ub77c\uc6b0\uc800 \uc9c0\uc6d0(Chrome\/Firefox\/Safari)\uc774 \ub418\uba74, WebSocket \uc5f0\uacb0\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc11c\ubc84\ub294 \ub2e4\ub978 \uc0ac\uc6a9\uc790\uc758 \ubcc0\uacbd \ub0b4\uc6a9\uc744 \ub300\uccb4\ub85c 1\ucd08 \uc774\ub0b4\uc5d0 \ub3d9\uc77c\ud55c \ucc44\ub110\uc744 \uc218\uc2e0\ud558\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ud478\uc2dc \ud560 \uc218 \uc788\ub2e4. \uc6b0\ub9ac\ub294 Socket.io\ub97c \uc218\uc815\ud574\uc11c \uc0ac\uc6a9\ud558\uace0 \uc788\uc73c\uba70, \ub610, \uc218\ucc9c\uc758 WebSockets \uc5f0\uacb0\uc744 \uc720\uc9c0\ud558\uace0 \uadf8 \ud658\uacbd\uc5d0\uc11c\ub3c4 CPU\ub098 Meory\ub97c \uc801\uac8c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc9c0\uc6d0\ud558\ub294 \uc11c\ubc84 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4. \uadf8\ub798\uc11c \ube0c\ub77c\uc6b0\uc800\uc0c1\uc758 \ud654\uba74\uc5d0\uc11c \uc5b4\ub5a4 \uc77c\uc774 \uc77c\uc5b4\ub0ac\uc744 \ub54c, \uc11c\ubc84 \ud504\ub85c\uc138\uc2a4\uc5d0 \uc804\ub2ec\ub418\uace0 1\ucd08 \uc774\ub0b4\uc5d0 \uc5ec\ub7ec\ubd84\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub2e4\uc2dc \uc804\ub2ec\ub41c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. AJAX POLLING<\/b><\/p>\n<p>\ub9e4\ub825\uc801\uc774\uc9c4 \uc54a\uc9c0\ub9cc, \uc798 \uc791\ub3d9\uc774 \ub418\uc5c8\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><br \/>\n<img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.mimul.com\/pebble\/default\/images\/blog\/tech\/trello1.png?w=590\" alt=\"\" border=\"0\" data-recalc-dims=\"1\" \/><\/p>\n<p>WebSocket\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \ube0c\ub77c\uc6b0\uc800(\uc608\ub97c \ub4e4\uc5b4 Internet Explorer \uac19\uc740)\ub77c\uba74 \uc0ac\uc6a9\uc790\uac00 \ud65c\uc131\ud654\ub418\uba74 \uba87 \ucd08\ub9c8\ub2e4 \ucf58\ud150\uce20 \uac31\uc2e0\uc744 \uc704\ud574 AJAX \uc694\uccad\uc744 \ud558\uace0 \uc0ac\uc6a9\uc790\uac00 \uc720\ud734 \uc0c1\ud0dc\uac00 \ub418\uba74, 10 \ucd08\ub9c8\ub2e4 \ud3f4\ub9c1\uc744 \ud558\uace0 \uc788\ub2e4. \uc11c\ubc84\uc758 \uc124\uc815 \ub355\ubd84\uc5d0 \uc801\uc740 \uc624\ubc84\ud5e4\ub4dc\ub85c HTTPS \uc694\uccad\uc744 \uc11c\ube44\uc2a4 \ud560 \uc218 \uc788\uc5c8\uc73c\uba70, TCP \uc5f0\uacb0\uc744 \uc624\ud508\ud558\uace0 \uc788\uc73c\ubbc0\ub85c \ud544\uc694\ud560 \ub54c \ud3f4\ub9c1\ud558\uc5ec \uc5b4\ub290 \uc815\ub3c4\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ubcf4\uc7a5\ud560 \uc218 \uc788\uc5c8\ub2e4. \uc6b0\ub9ac\ub294 Socket.io\uc758 \ub2e4\uc6b4\ub85c\ub4dc\uc6a9\uc73c\ub85c Comet\uc744 \uc2dc\ub3c4\ud574\ubd24\uc9c0\ub9cc, \uc571\uc5d0 \ub9ac\uc2a4\ud06c\uac00 \uc874\uc7ac\ud574\uc11c \uc774\uc6a9\ud558\ub294 \uac83\uc744 \ud3ec\uae30\ud588\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>Trello\uc744 \ub7f0\uce6d \uc9c1\ud6c4 Techcrunch\uc758 \uae30\uc0ac\ub85c \uae09\uaca9\ud55c \ud2b8\ub798\ud53d \uc99d\uac00\uc5d0 \ub300\uc751\ud560 \uc218 \uc5c6\uc5c8\ub358 \ub54c\ub3c4 \uc788\uc5c8\uc9c0\ub9cc, WebSocket\uc758 polling \uc804\ud658\uacfc polling active\uc640 idle\uc758 \uac04\uaca9 \ud29c\ub2dd\uc744 \ud1b5\ud574 \ubb34\uc0ac\ud788 \ub118\uc5b4\uac14\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<h3><b>The Server<\/b><\/h3>\n<p><b>*. NODE.JS<\/b><\/p>\n<p>Trello\uc758 \uc11c\ubc84\ub294 Node.js\ub85c \uad6c\ucd95\ub418\uc5b4 \uc788\ub2e4. Trello\ub294 \ub300\ub7c9\uc758 \ucee4\ub125\uc158 \uc624\ud508\uc744 \ud544\uc694\ub85c \ud558\uace0 \uc788\uace0 \uc5c5\ub370\uc774\ud2b8\ub97c \uc989\uc2dc \uc804\ud30c\ud558\ub294 \uac83\uc744 \uc6d0\ud588\uae30\uc5d0, event-driven, non-blocking \uc11c\ubc84\uac00 \uc801\ud569\ud558\ub2e4\ub294 \ud310\ub2e8\uc744 \ud558\uace0 Node.js\ub97c \uc2dc\ud5d8\ud588\ub2e4. Node.js\ub294 \ub2e8\uc77c \ud398\uc774\uc9c0 \uc571\uc758 \ud504\ub85c\ud1a0\ud0c0\uc785 \ub9cc\ub4e4\uae30\uc5d0\ub3c4 \uc801\ud569\ud558\ub2e4\ub294 \uac83\uc744 \uc54c \uc218 \uc788\uc5c8\ub2e4. Trello\uc758 \uc11c\ubc84 \ud504\ub85c\ud1a0\ud0c0\uc785 \ubc84\uc804\uc740 \uc815\ub9d0 \ud558\ub098\uc758 Node.js \ud504\ub85c\uc138\uc2a4 \uba54\ubaa8\ub9ac\uc5d0 \ubaa8\ub378\uc744 \ubc30\uc5f4\ub85c \uc6b4\uc601\ud558\ub294 Function \ub77c\uc774\ube0c\ub7ec\ub9ac\ub4e4\uc774\uace0 \ud074\ub77c\uc774\uc5b8\ud2b8\ub294 \uc6f9\uc18c\ucf13 \ub808\ud37c\ub4e4\uc744 \uc774\uc6a9\ud574 functions\ub4e4\uc744 \ud638\ucd9c\ud558\ub294 \uad6c\uc870\uc774\ub2e4. \uc774\ub7ec\ud55c \uad6c\uc870\ub294 \ud2b8\ub810\ub85c\uc758 \uae30\ub2a5\ub4e4\uc744 \ube68\ub9ac \uc2dc\uc791\ud560 \uc218 \uc788\uac8c\ud558\uace0 \uc124\uacc4 \ub610\ud55c \uc62c\ubc14\ub974\uac8c \uc9c4\ud589\ub418\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud558\ub294\ub370 \ube60\ub978 \ubc29\ubc95\uc774\ub2e4. Trello\uc758 \uac1c\ubc1c \uad00\ub9ac\uc640 \uc6b0\ub9ac Fog Creek\uc758 \ub0b4\ubd80 \ud504\ub85c\uc81d\ud2b8\ub4e4\uc740 \ub3d9\uc77c\ud55c \ud504\ub85c\ud1a0\ud0c0\uc785 \ubc84\uc804\uc73c\ub85c \uac00\uc838\uac14\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>\uc6b0\ub9ac\ub294 \ud504\ub85c\ud1a0\ud0c0\uc785\uc744 \uc644\ub8cc\ud588\uc744 \ub5bc, Node\uc5d0 \ub300\ud574 \uadf8 \uae30\ub2a5\uacfc \uc131\ub2a5\uc5d0 \ub300\ud574 \ud765\ubd84\ud588\uace0 \ub610\ud55c \uc0ac\uc6a9\ud558\uae30\uc5d0 \uc88b\uace0 \ud3b8\uc548\ud588\ub2e4. \uadf8\ub798\uc11c \uc544\ub798\uc758 \uad6c\uc870\ub97c \ucd94\uac00\ud558\uace0 \ubcf8\uaca9 \ucc44\uc6a9\ud558\uae30\ub85c \ud588\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<ul>\n<li>DB, \uc2a4\ud0a4\ub9c8(node-mongodb-native\uc640 Mongoose)<\/li>\n<li>\ub77c\uc6b0\ud130\ub098 \ucfe0\ud0a4 \uac19\uc740 \uc6f9 \uae30\ubcf8 \uae30\uc220(Express\uc640 Connect)<\/li>\n<li>\ub9ac\uc2a4\ud0c0\ud2b8\uc2dc \ub2e4\uc6b4\ud0c0\uc784 \uc5c6\ub294 \ud615\ud0dc\uc758 \uc5ec\ub7ec \uc11c\ubc84 \ud504\ub85c\uc138\uc2a4(Cluster)<\/li>\n<li>pub\/sub \ub0b4\ubd80 \ud504\ub85c\uc138\uc2a4\uc640 Redis \uae30\ubc18\uc758 \ub370\uc774\ud130 \uacf5\uc720(node_redis)<\/li>\n<\/ul>\n<p>Node\ub294 \uc704\ub300\ud558\uba70 \ub9ce\uc740 \ud65c\ub3d9\uc801\uc778 \uac1c\ubc1c\uc790 \ucee4\ubba4\ub2c8\ud2f0\ub85c \uc778\ud574 \uc0c8\ub86d\uace0 \uc720\uc6a9\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub4e4\uc744 \ub9ce\uc774 \ub9ce\ub4e4\uc5b4 \ub0b4 \uc2dc\uac04\uc774 \uac08\uc218\ub85d \ub354 \uc88b\uc544\uc9c0\uace0 \uc788\ub2e4. \uadf8\ub9ac\uace0 \uc6b0\ub9ac\uac00 \uc81c\uc5b4 \uac00\ub2a5\ud558\uace0, \ucf54\ub4dc\ub97c \uc798 \uc720\uc9c0\ud558\uae30 \uc704\ud574\uc11c \ube44\ub3d9\uae30 \ub77c\uc774\ube0c\ub7ec\ub9ac(CoffeeScript\uc5d0 \uc758\ud574 \uc99d\uac00\ub41c \ucf54\ub4dc \uac04\uacb0\uc131)\ub97c \ud6cc\ub96d\ud558\uac8c \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. HAPROXY<\/b><\/p>\n<p>Web \uc11c\ubc84\uc758 \ub85c\ub4dc \ubc38\ub7f0\uc2a4\uc5d0 HAProxy\uc744 \uc0ac\uc6a9\ud55c\ub2e4. \uba38\uc2e0 \uac04\uc758 \ub77c\uc6b4\ub4dc \ub85c\ube48\uc5d0 \uc758\ud574\uc11c TCP\uc758 \uade0\ud615\uc744 \uc7a1\uace0, \uadf8 \uc774\uc678\ub294 \ubaa8\ub450 Node.js\uc5d0 \ub9e1\uae34\ub2e4. WebSocket\uc744 \uc9c0\uc6d0\ud558\ub3c4\ub85d \uc5f0\uacb0\uc744 \uc624\ub7ab\ub3d9\uc548 \uc624\ud508\ud558\uace0 AJAX \ud3f4\ub9c1\uc744 \uc704\ud574 TCP \uc5f0\uacb0\uc744 \uc7ac\uc0ac\uc6a9 \ud55c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. REDIS<\/b><\/p>\n<p>\uc11c\ubc84 \ud504\ub85c\uc138\uc2a4\uac04\uc5d0 \uacf5\uc720\ub418\ub294 \ub370\uc774\ud130\ub294 \ub514\uc2a4\ud06c\uc5d0 \uc601\uad6c\ud788 \uc800\uc7a5\ud558\ub294 \uac83\uc774 \uc544\ub2cc \uc784\uc2dc \ub370\uc774\ud130\ub97c \uc704\ud574\uc11c Redis\ub97c \uc0ac\uc6a9\ud55c\ub2e4. \uc138\uc158 \ud65c\ub3d9 \uc218\uc900\uc774\ub098 \uc784\uc2dc OpenID \ud0a4 \ub4f1\uc740 Redis\uc5d0 \uc800\uc7a5\ud55c\ub2e4. \ub9cc\uc57d \uadf8 \ub370\uc774\ud130\uac00 \uc18c\uc2e4\ub418\uc5b4\ub3c4 \uc571\uce21\uc5d0\uc11c\ub294 \uc601\ud5a5\uc774 \uc5c6\ub3c4\ub85d \ub418\uc5b4 \uc788\ub2e4. allkeys-lru \ub97c \ud65c\uc131\ud654\ud558\uace0 \uc2e4\uc81c \ud544\uc694\ud55c \uacf5\uac04\ubcf4\ub2e4 5\ubc30 \uc815\ub3c4 \ub113\uc740 \uacf5\uac04\uc744 \ud655\ubcf4\ud574\uc11c \uc2e4\ud589\ud55c\ub2e4. \uadf8\ub798\uc11c Redis\ub294 \ucd5c\uadfc \uc561\uc138\uc2a4\ub418\uc9c0 \uc54a\uc740 \ub370\uc774\ud130\ub294 \uc790\ub3d9\uc73c\ub85c \uc0ad\uc81c\ub418\uace0 \ud544\uc694\ud560 \ub54c \ub2e4\uc2dc \uad6c\ucd95\ub41c\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>Redis \uc0ac\uc6a9\uc911\uc5d0 \uac00\uc7a5 \ud765\ubbf8\ub85c\uc6b4 \uc0ac\uc6a9\ubc95\uc740 model\uc758 \ubcc0\uacbd \ub0b4\uc6a9\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ubcf4\ub0b4\uae30 \uc704\ud55c short-polling\uc758 \ub300\uccb4\uc774\ub2e4. \uac1d\uccb4\uac00 \uc11c\ubc84 \uce21\uc5d0\uc11c \ubcc0\uacbd\ub418\uc5c8\uc744 \ub54c, JSON \uba54\uc2dc\uc9c0\ub97c \ubaa8\ub4e0 \uc801\uc808\ud55c WebSocket\uc5d0 \ubcf4\ub0b4 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0 \uc54c\ub9b0\ub2e4. \uadf8\ub9ac\uace0 \ub3d9\uc77c\ud55c \uba54\uc2dc\uc9c0\ub97c \ubcc0\uacbd\uc758 \uc601\ud5a5\uc744 \ubc1b\ub294 model\uc744 \uc704\ud574 \uace0\uc815 \uae38\uc774 \ub9ac\uc2a4\ud2b8 \ub0b4\uc5d0 \ubcf4\uad00\ud55c\ub2e4. \ub610\ud55c, \ub9ac\uc2a4\ud2b8\uc5d0 \uc9c0\uae08\uae4c\uc9c0 \uba87 \uac1c\uc758 \uba54\uc2dc\uc9c0\uac00 \uc313\uc5ec \uc788\ub294\uc9c0\ub3c4 \uae30\ub85d\ud55c\ub2e4. \uadf8\ub7f0\ud6c4 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc11c\ubc84\ub97c AJAX \ud3f4\ub9c1\ud558\uc5ec \ub9c8\uc9c0\ub9c9 \ud3f4\ub9c1 \uc774\ud6c4 \uac1d\uccb4\uc5d0 \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uba74 \uad8c\ud55c \uccb4\ud06c\ub97c \ud1b5\ud574 \ubaa8\ub4e0 \uc11c\ubc84\uc758 \uc751\ub2f5\uc744 \ucc98\ub9ac \ud560 \uc218 \uc788\ub2e4. Redis\ub294 \ub180\ub784\ub9cc\ud07c \ube60\ub974\uae30 \ub54c\ubb38\uc5d0 \uc2f1\uae00 CPU\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\uace0 \ucd08\ub2f9 \uc218\ucc9c\uac74\uc758 \uccb4\ud06c\ub97c \uc218\ud589\ud560 \uc218 \uc788\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>Redis\ub294 pub\/sub \uae30\ub2a5\ub3c4 \uc788\uc5b4 \uac1d\uccb4 \ubcc0\uacbd \ub0b4\uc6a9\uc758 \uba54\uc2dc\uc9c0\ub97c \ubaa8\ub4e0 \uc11c\ubc84 \ud504\ub85c\uc138\uc2a4\uc5d0 \ubcf4\ub0b4\ub294 \uc5ed\ud560\uc744 \ub2f4\ub2f9\ud558\uace0 \uc788\ub2e4. \ud55c\ubc88 Redis \uc11c\ubc84\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4\uba74, \ubaa8\ub4e0 \uc77c\uc5d0 \uadf8\uac83\uc744 \uc0ac\uc6a9\ud558\uae30 \uc2dc\uc791\ud560 \uac83\uc774\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>*. MONGODB<\/b><\/p>\n<p>MongoDB\ub294 \uc6b0\ub9ac\uc758 \uc804\ud1b5\uc801\uc778 RDB\uc758 \uc695\uad6c\ub97c \ucda9\uc871\uc2dc\ucf1c\uc900\ub2e4. Trello\uac00 \uc804\uad11\uc11d\ud654\uac19\uc774 \ube60\ub978 \uc11c\ube44\uc2a4\uac00 \ub418\ub294 \uac83\uc744 \uc6d0\ud558\uace0 \uc788\ub2e4. \uc6b0\ub9ac\uac00 \uc54c\uace0 \uc788\ub294 \uba4b\uc9c0\uace0 \uac00\uc7a5 \uc131\ub2a5\uc5d0 \uc9d1\ucc29\ud558\uace0 \uc788\ub294 \ud300\uc911\uc5d0 \ud558\ub098\uac00 \ubc14\ub85c \uc6b0\ub9ac\uc758 \uc774\uc6c3 \uc790\ub9e4 \ud68c\uc0ac\uc778 StackExchange\uc774\ub2e4. StackExchange\ud300\uc758 \ub9d0\uc744 \ub4e4\uc5b4\ubcf4\uba74 SQL \uc11c\ubc84\ub97c \uc774\uc6a9\ud558\uace0 \uc788\uc5b4\ub3c4 \uc131\ub2a5\uc744 \ub0b4\uae30 \uc704\ud574 \ub300\ubd80\ubd84\uc758 \ub370\uc774\ud130\ub294 \ube44\uc815\uaddc\ud654\ub41c \ud615\ud0dc\ub85c \ubcf4\uad00\ud558\uace0 \ud544\uc694\ud55c \uacbd\uc6b0\uc5d0\ub9cc \uc815\uaddc\ud654\ud558\uace0(RDB) \uc788\ub294 \uac83\uc73c\ub85c \ub098\ud0c0\ub0ac\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>MongoDB\uc5d0\uc11c\ub294 \ube60\ub974\uac8c DB\uc5d0 \uc4f0\uae30 \uc704\ud574\uc11c \uad00\uacc4\ud615 DB \uae30\ub2a5(\uc608\ub97c \ub4e4\uc5b4, arbitrary join)\uc744 \ud3ec\uae30\ud558\uace0 \ub354 \ube68\ub9ac \uc77d\uc744 \uc218 \uc788\ub294 \ube44\uc815\uaddc\ud654\ub97c \uc798 \uc9c0\uc6d0\ud560 \uc218 \uc788\uac8c \ub418\uc5b4 \uc788\ub2e4. \uce74\ub4dc\uc758 \ub370\uc774\ud130\ub97c \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ub0b4\uc5d0 \uc2f1\uae00 \ub2e4\ud050\uba58\ud2b8 \uc548\uc5d0 \uc800\uc7a5\ud560 \uc218 \uc788\uace0, \ub2e4\ud050\uba3c\ud2b8\uc758 \uc11c\ube0c \ud544\ub4dc(\uadf8\ub9ac\uace0 \uc778\ub371\uc2a4)\uc5d0 \ucffc\ub9ac\ub97c \uac78 \uc218 \uc788\ub2e4. \uc11c\ube44\uc2a4\uac00 \uae09\uc131\uc7a5\ud558\uace0 \uc788\uae30 \ub54c\ubb38\uc5d0, \uc77d\uae30\/\uc4f0\uae30\uc758 \uc6a9\ub7c9\uc744 \uc870\uc815\ud560 \uc218 \uc788\ub294 \ub370\uc774\ud130 \ubca0\uc774\uc2a4\ub97c \uac00\uc9c0\uace0 \uc788\ub2e4\ub294 \uac83\uc740 \uc88b\uc740 \uc77c\uc774\ub2e4. \ub610\ud55c, MongoDB\ub294 \ubcf5\uc81c, \ubc31\uc5c5, \ubcf5\uc6d0\uc5d0\ub3c4 \ud3b8\ub9ac\ud558\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>\ubb38\uc11c \uc800\uc7a5\uc744 \uc5c4\uaca9\ud55c \uad6c\uc870\ub85c \uac00\uc9c0 \uc54a\ub294 \uac83\uc5d0 \ub300\ud55c \ub610 \ub2e4\ub978 \uc7a5\uc810\uc740 DB \uc2a4\ud0a4\ub9c8 \ub9c8\uc774\uadf8\ub808\uc774\uc158\uc758 \ubc88\uac70\ub85c\uc6c0 \uc5c6\uc774 \ub3d9\uc77c\ud55c DB\uc5d0 \ub2e4\ub978 \ubc84\uc804\uc758 Trello \ucf54\ub4dc\ub97c \uc218\ud589 \ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc774\ub2e4. DB \uc5c5\ub370\uc774\ud2b8 \uc2dc \uc11c\ube44\uc2a4\ub97c \uc911\uc9c0\ud574\uc57c \ud558\ub294 \uacbd\uc6b0\ub294 \uac70\uc758 \uc5c6\ub2e4. \uc774 \ubc29\uc2dd\uc740 \uac1c\ubc1c\uc5d0 \uc788\uc5b4\uc11c\ub3c4 \ucfe8\ud558\ub2e4. \ubc84\uadf8 \uc18c\uc2a4\ub97c \ucc3e\uae30 \uc704\ud574 \uad00\uacc4\ud615 \ud14c\uc2a4\ud2b8 DB\uc640 hg-bisect(\ud639\uc740 git-bisect) \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uba74, \ud14c\uc2a4\ud2b8 DB\ub97c \uc5c5\uadf8\ub808\uc774\ub4dc\/\ub2e4\uc6b4 \uadf8\ub808\uc774\ub4dc(\ub610\ub294 \ud544\uc694\ud55c \uc18d\uc131\uacfc \ud568\uaed8 \uc0c8\ub85c\uc6b4 \uac83\uc744 \ucd94\uac00\ud558\ub294)\uc758 \ucd94\uac00 \uc791\uc5c5\uc740 \uc815\ub9d0 \ud070\uc77c\uc744 \ub9cc\ub4e4\uc5b4 \uc77c\uc744 \uc9c0\uc5f0\uc2dc\ud0ac \uc218 \uc788\ub294 \ud655\ub960\uc774 \ub192\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<h3><b>\uadf8 \uc678<\/b><\/h3>\n<p>\ub9ce\uc774 \uc0ac\uc6a9\ud558\ub294 \ubaa8\ub4c8\uc740 Async.js \uacfc Underscore.js . Express , Hogan.js , AWS SDK for JavaScript \ub3c4 \ucd5c\uadfc\uc5d0\ub294 \uc774\uc6a9\ud558\uace0 \uc788\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>\ud504\ub85c\ub355\uc158 \ub9b4\ub9ac\uc2a4\uc758 \ube48\ub3c4\ub294 \uc8fc 3 ~ 5 \ud68c \uc815\ub3c4\uc774\uace0. \uae34\uae09 \uc218\uc815 \uc0ac\ud56d\uc740 \ubcc4\ub3c4\ub85c \uc218\uc2dc\ub85c \uc9c4\ud589\ud558\uace0 \uc788\ub2e4. \ud328\ud0a4\uc9c0 \uacfc\uc815\uc740 CoffeeScript\uacfc LESS \ud30c\uc77c\uc744 \ubbf8\ub9ac \ucef4\ud30c\uc77c\ud558\uc5ec \uc555\ucd95\ud558\uace0 CDN\uc5d0 \uc62c\ub9ac\uace0 \uadf8 \ub2e4\uc74c \uc815\uc801 \ud30c\uc77c \uc900\ube44\ub3c4 \ud560 \uc218 \uc788\uc73c\uba74 \uc900\ube44\ud574\uc11c \ud504\ub85c\ub355\uc158 \ud658\uacbd\uc5d0 \uc5c5\ub85c\ub4dc\ud55c\ub2e4. 9\uac1c\uc758 \uc0c1\uc6a9 web \uc11c\ubc84\uc640 2\ub300\uc758 \uc2a4\ud14c\uc774\uc9d5 \uc11c\ubc84\uac00 \uc6b4\uc601\uc911\uc5d0 \uc788\ub2e4. \uc11c\ubc84 1\ub300\uc529 SSH\ub97c \ud1b5\ud574 tarball \ud30c\uc77c\uc744 \uc5c5\ub85c\ub4dc \ud480\uc5d0\uc11c \uc81c\uac70 \uc694\uccad\uc744 \uc911\uc9c0\ud558\uace0 socket\uc744 kill\ud558\uace0, \ub178\ub4dc \ud504\ub85c\uc138\uc2a4\ub3c4 \ud558\ub098\uc529 kill\ud55c\ub2e4. \ud504\ub85c\uc138\uc2a4\uac00 \ubaa8\ub450 \uc885\ub8cc\ub418\uba74 \ub2e4\uc2dc \uc2dc\uc791\ud558\uace0 \ub85c\uceec \ud638\uc2a4\ud2b8\uac00 \uc694\uccad\uc5d0 \uc751\ub2f5\uc744 \uc2dc\uc791\ud560 \ub54c\uae4c\uc9c0 curl\ub85c \uacc4\uc18d \uadf8 web \ud504\ub85c\uc138\uc2a4\ub97c HAProxy\uc5d0 \uac74\ub124 \uc900\ub2e4. \uadf8\ub9ac\uace0 \ub2e4\uc74c \uc11c\ubc84 \uc791\uc5c5\uc5d0 \uc784\ud55c\ub2e4. \uc774 \uacfc\uc815\uc740 \ubaa8\ub450 \uc790\ub3d9\ud654\ub418\uc5b4 \uc788\uc73c\uba70, \uad00\ub9ac \ud654\uba74(Graphite \ub370\uc774\ud130 \ubca0\uc774\uc2a4)\uc5d0\uc11c \ub514\uc2a4\ud50c\ub808\uc774 \ub418\uace0 \uc788\uc5b4, \ubb34\uc5c7\uc778\uac00 \ubb38\uc81c\uac00 \ubcf4\uc774\uba74 \uc989\uc2dc \ub864\ubc31\ud560 \uc218 \uc788\ub3c4\ub85d \ub418\uc5b4\uc788\ub2e4. \uac00\uae4c\uc6b4 \ubbf8\ub798\uc5d0 API\ub97c \uad6c\uc131\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21\uc744 \uc11c\ubc84 \uce21\uacfc\ub294 \ubcc4\ub3c4\ub85c \uc804\uac1c\ud558\ub294 \ud615\ud0dc\ub85c \uc9c4\ud589\ud560 \uac83\uc774\ub2e4. \uc774 \ubc29\ubc95\uc774 \ub300\ub2e8\ud788 \ub9ce\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\uc758 \ub300\uc751\uc5d0\ub3c4 \ud6e8\uc52c \uc26c\uc6cc\uc9c4\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>JASON \ub85c\uadf8\ub97c logstash + Elasticsearch + kibana \ucc98\ub9ac\ud558\uace0 \uc788\ub2e4. \ucd5c\uadfc\uc5d0\ub294 Chrome\uc774\ub098 Firefox\uc5d0\uc11c \uc2a4\ud0dd \ucd94\uc801\uc774 \uc798 \uc7a1\ud788\uc9c0 \uc54a\uc544 Amazon CloudFront\ub294 Cross Origin\uc5d0\uc11c \uc62c\ubc14\ub978 \ud5e4\ub354\ub97c \ub3cc\ub824\uc8fc\uc9c0 \uc54a\ub294 \uac83\uc774 \uc788\uc5b4, CloudFlare\ub85c \uc804\ud658\ud588\uc9c0\ub9cc, \ub8e8\ud2b8 \ub3c4\uba54\uc778\uc758 CNAME \ubb38\uc81c\uac00 \uacb0\uad6d \ud558\uc704 \ub3c4\uba54\uc778\uc744 \ucc44\uc6a9\ud558\ub294 \uac83\uc73c\ub85c \uaca8\uc6b0 \uc624\ub958 \ubaa8\ub2c8\ud130\ub9c1\uc774 \uc548\uc815\ud654 \ub418\uc5c8\ub2e4.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><b>[\ucc38\uc870 \uc0ac\uc774\ud2b8]<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/prezi.com\/skunatcrkp5m\/trello-architecture\/\">Trello Architecture<\/a><\/li>\n<li><a href=\"http:\/\/blog.fogcreek.com\/the-trello-tech-stack\/\">The Trello Tech Stack<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Trello \uc544\ud0a4\ud14d\ucc98 CoffeeScript Trello\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc11c\ubc84 \ubaa8\ub450 \uc21c\uc218 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub85c \uc2dc\uc791\ub418\uc5c8\uace0, 2011\ub144 5\uc6d4\uae4c\uc9c0\ub294 \uc801\uc5b4\ub3c4 \uadf8\ub807\uac8c \uc720\uc9c0\ub418\uc5c8\ub294\ub370 \uadf8 \uc774\ud6c4\ubd80\ud130 CoffeeScript\ub97c \uc5bc\ub9c8\ub098 \uc88b\uc544\ud558\ub294\uc9c0 \ubcf4\uae30 \uc704\ud574\uc11c CoffeeScript\ub85c \uc774\uc911\uc73c\ub85c \uac1c\ubc1c\ud574 \ud3ec\ud305\ud558\uae30 \uc2dc\uc791\ud588\ub2e4. \uadf8 \ud6c4 \uc6b0\ub9ac\ub294 CoffeeScript\ub97c \uc0ac\ub791\ud568\uc744 \ud655\uc778\ud588\uace0 \uace7, \ub098\uba38\uc9c0 \ubaa8\ub450\uc758 \ucf54\ub4dc\ub3c4 CoffeeScript\ub85c \uc804\ud658\uc744 \uc644\ub8cc\ud588\ub2e4.\u00a0 CoffeeScript\ub294 JavaScript\ub97c \uc77d\uc744 \uc218 \uc788\ub294 \ucef4\ud30c\uc77c \uc5b8\uc5b4\uc774\ub2e4. \uc6b0\ub9ac\uac00 \uc2dc\uc791\ud588\uc744 \ub54c\ub3c4 \uac71\uc815\uc774 \ub418\uc5c8\ub358 \ubd80\ubd84\uc774\uc9c0\ub9cc, \uc18c\uc2a4\ub97c \uc9c1\uc811 \ub514\ubc84\uae45\ud558\ub294 \uac83\ubcf4\ub2e4 \ucef4\ud30c\uc77c\ub41c \ucf54\ub4dc\ub97c \ub514\ubc84\uae45\ud558\ub294 \uac83\uc774 \ub354 \ubcf5\uc7a1\uc131\uc774 \ucd94\uac00\ub41c\ub2e4\ub294 \uac83\uc5d0 \ub300\ud574 \uac71\uc815\uc744 \ub9ce\uc774 \ud588\uc5c8\ub2e4. \uc6b0\ub9ac\uac00 \uc2dc\ub3c4\ub97c \ud588\uc744\ub54c, \ube44\ub85d \ubcc0\ud658\uc774 \ud06c\ub86c\uc5d0\uc11c \ub514\ubc84\uae45\ud560\ub5bc \uc57d\uac04\uc758 \uc815\uc2e0\uc801\uc778 \ub178\ub825\uc774 \ud544\uc694\ud558\uc9c0\ub9cc, CoffeeScript\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc18c\uc2a4\ub97c \ud0c0\ucf13 \ucf54\ub4dc\ub85c \ub9e4\ud551\ud558\ub294 \uc77c\ub3c4 \ub108\ubb34\ub098 \uba85\ub8cc\ud588\uace0, \ub610 \ucf54\ub4dc\ub3c4 \uac04\uacb0\ud558\uac8c \ub418\uc5c8\uace0, \uac00\ub3c5\uc131\uc774 \uc88b\ub2e4\ub294 \uac83\uc740 \ubd84\uba85\ud574 \uc6b0\ub9ac\uac00 \uc0ac\uc6a9\ud558\ub294\ub370\uc5d0 \uc788\uc5b4\uc11c \uc124\ub4dd\ub825\uc774 \ucda9\ubd84\ud588\ub2e4.\u00a0 JavaScript\ub294 \uc815\ub9d0 \uba4b\uc9c4 \uc5b8\uc5b4\uc774\ub2e4. \uc798 \uc791\uc131\ub41c CoffeeScript\ub294 Javascript\uc640 \uac19\uc740 \ub0b4\uc6a9\uc744 \ub098\ud0c0\ub0b4\ub294\ub370\uc5d0\ub3c4 \ub354 \uc9e7\uace0 \uc720\uc5f0\ud588\ub2e4. \uadf8\ub9ac\uace0 \uc2e4\uc9c8\uc801\uc778 \ub514\ubc84\uae45\uc758 \uac04\uc811\uc801\uc778 \ubb38\uc81c\ub294 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc558\ub2e4.\u00a0 The Client Trello \uc11c\ubc84\ub294 HTML \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \ucf54\ub4dc\ub97c \uac70\uc758 \ub2e4\ub8e8\uace0 \uc788\uc9c0 \uc54a\ub2e4. Trello \ud398\uc774\uc9c0\ub294 2K \uc258\uc5d0\uc11c \ud558\ub098\uc758 \uacbd\ub7c9\ud654\ub418\uace0 \uc555\ucd95\ub41c JavaScript \ud30c\uc77c(3`d Party \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ucef4\ud30c\uc77c\ub41c CoffeeScript\uc640 Mustache \ud15c\ud50c\ub9bf\uc744 \ud3ec\ud568\ud55c)\uacfc CSS \ud30c\uc77c(\uc778\ub77c\uc778\ub41c \uc774\ubbf8\uc9c0\ub97c \ud3ec\ud568, LESS \uc18c\uc2a4\ub97c \ucef4\ud30c\uc77c\ud574 \uc555\ucd95\ud55c)\ub85c \uad6c\uc131\ub41c \uac83\uc744 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc571\uc5d0\uc11c \ub2f9\uaca8\uc624\ub294 \uad6c\uc870\ub85c \ub418\uc5b4 \uc788\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \ud504\ub85c\uadf8\ub7a8\uc740 250K \uc774\ud558\uc758 \ud06c\uae30\ub85c Amazon\uc758 CloudFront CDN\uc5d0 \uce90\uc2dc\ub418\uc5b4 \uc788\uae30 \ub54c\ubb38\uc5d0 \ubaa8\ub4e0 \uc9c0\uc5ed\uc5d0\uc11c \uc9c0\uc5f0\uc5c6\uc774 \uc11c\ube44\uc2a4\ud560 \uc218 \uc788\ub2e4. \uc801\ub2f9\ud788 \ub192\uc740 \ub300\uc5ed\uc744 \ud655\ubcf4\ud55c \uacbd\uc6b0\uc5d0\ub294 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc11c\ube44\uc2a4\ud558\ub294\ub370 0.5\ucd08 \uc815\ub3c4\uba74 \uac00\ub2a5\ud558\uba70, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"ngg_post_thumbnail":0,"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[7],"tags":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5q9Zn-5Q","jetpack-related-posts":[{"id":337,"url":"https:\/\/blog.box.kr\/?p=337","url_meta":{"origin":362,"position":0},"title":"\uc815\uaddc\uc2dd \uc0ac\uc6a9\ubc95 [\ud38c] boost \uc0ac\uc6a9","date":"2014-08-12","format":false,"excerpt":"\uc9c8\ubb38 ::#\uc774 \ubd99\uc740 \uc804\ud654 \ubc88\ud638 \uc55e\uc5d0\ub294 %23\uc744 \ubd99\uc774\uace0 \uc2f6\uc74c.. \u00a0 \ub2f5\ucf54\ub4dc :: std::string result, list = \"#011-222-3333\"; const char* regStr = \"(#)?(01[016789])-?(d{3,4})-?(d{4})\"; const char* subStr = \"(?1%23)$2$3$4\"; boost::regex_replace(result, list.begin(), list.end(), regStr, subStr, boost::match_default | boost::format_all); std::cout << result << std::endl; [url]http:\/\/www.boost.org\/libs\/regex\/doc\/regex_replace.html[\/url] [url]http:\/\/ourworld.compuserve.com\/homepages\/John_Maddock\/[\/url] [url]http:\/\/research.microsoft.com\/projects\/greta\/gretauserguide.htm[\/url] \u00a0","rel":"","context":"In &quot;C\/C++&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":414,"url":"https:\/\/blog.box.kr\/?p=414","url_meta":{"origin":362,"position":1},"title":"[\ud38c][MFC] \uc791\uc5c5\ud45c\uc2dc\uc904 \uc228\uae30\uae30_\ubcf4\uc774\uae30","date":"2014-11-25","format":false,"excerpt":"\uc791\uc5c5\ud45c\uc2dc\uc904 \uc228\uae30\uae30 \u00a0 \u00a0 \u00a0 \u00a0 APPBARDATA stAppBarData; \u00a0 \u00a0 \u00a0 \u00a0 ZeroMemory( &stAppBarData, sizeof(stAppBarData) ); \u00a0 \u00a0 \u00a0 \u00a0 stAppBarData.cbSize = sizeof(stAppBarData); \u00a0\u00a0 \u00a0 \u00a0 \u00a0stAppBarData.hWnd = (HWND)FindWindow(_T(\"Shell_TrayWnd\"), NULL); \u00a0 \u00a0 \u00a0 \u00a0 stAppBarData.lParam |= ABS_AUTOHIDE; \u00a0 \u00a0 \u00a0 \u00a0SHAppBarMessage(ABM_SETSTATE, &stAppBarData); \uc791\uc5c5\ud45c\uc2dc\uc904 \ubcf4\uc774\uae30 \uc8fc\uc758! \uc228\uae30\uae30 \ucf54\ub4dc\ub97c \uc2e4\ud589\ud558\uba74, MFC\ud504\ub85c\uadf8\ub7a8\uc744 \uc885\ub8cc\ud574\ub3c4,\u2026","rel":"","context":"In &quot;C\/C++&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":619,"url":"https:\/\/blog.box.kr\/?p=619","url_meta":{"origin":362,"position":2},"title":"[\ud38c][IBM][CLI Driver] SQL0418N SQLSTATE=42610","date":"2015-03-13","format":false,"excerpt":"\uac1c\uad04 :\u00a0[IBM][CLI Driver] SQL0418N\u00a0SQLSTATE=42610 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\uba85\ub839\ubb38\uc5d0 \uc720\ud6a8\ud558\uc9c0 \uc54a\uc740 \ub9e4\uac1c\ubcc0\uc218 \ud45c\uc2dc\ubb38\uc790\uac00 \uc0ac\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc6d0\uc778: \ub2e4\uc74c \uacbd\uc6b0\uc5d0\ub294 \uc720\ud615\uc774 \uc9c0\uc815\ub418\uc9c0 \uc54a\uc740 \ub9e4\uac1c\ubcc0\uc218 \ud45c\uc2dc\ubb38\uc790\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. SELECT \ubaa9\ub85d\uc5d0\uc11c \ub0a0\uc9dc \uc2dc\uac04 \uc0b0\uc220 \uc5f0\uc0b0\uc758 \uc720\uc77c\ud55c \uc778\uc218\ub85c \uacbd\uc6b0\uc5d0 \ub530\ub77c \uc2a4\uce7c\ub77c \ud568\uc218\uc758 \uc720\uc77c\ud55c \uc778\uc218\ub85c ORDER BY\uc808\uc5d0\uc11c \uc815\ub82c \ud0a4\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uacbd\uc6b0 \ub9e4\uac1c\ubcc0\uc218 \ud45c\uc2dc\ubb38\uc790\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc900\ube44\ub41c \uba85\ub839\ubb38\uc774\u2026","rel":"","context":"In &quot;DB\uad00\ub828&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":709,"url":"https:\/\/blog.box.kr\/?p=709","url_meta":{"origin":362,"position":3},"title":"[\ud38c] HOWTO: Turn off MySQL reverse DNS lookup to speed up response times","date":"2015-04-15","format":false,"excerpt":"\ub0b4\uc6a9\uc744 \uc694\uc57d \ud558\uc790\ub9cc.. mysql\uc774 \uc811\uc18d \ud560\ub54c\u00a0reverse DNS lookup\uc744 \ud558\ub294\ub370 \uc774\ub54c \uc2dc\uac04\uc774 \ub9ce\uc774 \uac78\ub9ac\ub2c8 \uc774\ub97c skip\ucc98\ub9ac \ud558\uba74 \uc811\uc18d \uc18d\ub3c4\uac00 \ub9ce\uc774 \ube68\ub77c \uc9c4\ub2e4\ub294 \uc774\uc57c\uae30.. \u00a0 \u00a0 http:\/\/developer.sugarcrm.com\/2012\/01\/10\/howto-turn-off-mysql-reverse-dns-lookup-to-speed-up-response-times\/ Our support team was recently working on a case where pages were taking 5 seconds or longer for each load, even after tackling all of\u2026","rel":"","context":"In &quot;\uae30\uc220\uc790\ub8cc&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":383,"url":"https:\/\/blog.box.kr\/?p=383","url_meta":{"origin":362,"position":4},"title":"http:\/\/grails.org\/","date":"2014-09-15","format":false,"excerpt":"\u00a0 http:\/\/grails.org\/ \u00a0","rel":"","context":"In &quot;\ucc38\uace0\ub97c \uc704\ud55c \uc800\uc7a5\ubb3c&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":57,"url":"https:\/\/blog.box.kr\/?p=57","url_meta":{"origin":362,"position":5},"title":"\ube44\ucee8\uc744 \ud1b5\ud55c \uc0bc\uac01 \uce21\ub7c9\ubc95","date":"2014-06-10","format":false,"excerpt":"http:\/\/blog.cyworld.com\/blog_calmtot\/3498747","rel":"","context":"In &quot;\ucc38\uace0\ub97c \uc704\ud55c \uc800\uc7a5\ubb3c&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/362"}],"collection":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=362"}],"version-history":[{"count":0,"href":"https:\/\/blog.box.kr\/index.php?rest_route=\/wp\/v2\/posts\/362\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.box.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}