Modern Javascript WebApp \ub3d9\ud5a5<\/p>\n
+ SPA : Single Page Application<\/strong><\/p>\n – \ud558\ub098\uc758 HTML \ud30c\uc77c(Single Page)\uc5d0 \uc5ec\ub7ec \ud654\uba74\uc744 \ub2f4\uc544 \uc81c\uacf5<\/p>\n – \ud654\uba74\uc774 \ubc14\ub014 \ub54c\ub9c8\ub2e4 \uc0c8\ub85c\uc6b4 HTML \ud30c\uc77c\uc744 \uc77d\uc5b4\ub4e4\uc77c \ud544\uc694\uac00 \uc5c6\uc5b4\uc9c0\uae30 \ub54c\ubb38\uc5d0 \uc751\ub2f5\uc131\uc774 \uac1c\uc120\ub428<\/p>\n – WebApp\uc758 \ud604\uc7ac \uc0c1\ud0dc\/\ud654\uba74\uc744 hash-url(\ud55c HTML \ud398\uc774\uc9c0 \uc548\uc758 \uc704\uce58\ub97c \ub098\ud0c0\ub0b4\uae30 \uc704\ud574 \uc0ac\uc6a9\ud558\ub294 #\uc73c\ub85c \uc2dc\uc791\ub418\ub294 http:\/\/some.domain.com\/some-page.html#some-location \uacfc \uac19\uc740 \ud615\ud0dc\uc758 URL)\ub85c \uad00\ub9ac<\/p>\n – hash-url\uc744 \uc774\uc6a9\ud558\uc5ec WebApp\uc758 \uc0c1\ud0dc\/\ud654\uba74 \uad00\ub9ac\ud558\ub294 \uac1c\ub150\uc744 Routing\uc774\ub77c\uace0 \ud558\uace0, hash-url\uc744 \ud574\uc11d\ud574\uc11c WebApp\uc758 \uc0c1\ud0dc\/\ud654\uba74\uc744 \uad00\ub9ac\ud558\ub294 \ubaa8\ub4c8\uc744 Router\ub77c\uace0 \ud568<\/p>\n + Off-line enabled WebApp<\/strong><\/p>\n – HTML5\uc758 off-line \uc9c0\uc6d0 \uae30\ub2a5\uc744 \ud65c\uc6a9, \ub124\ud2b8\uc6cd\uc5d0 \uc5f0\uacb0\ub418\uc5b4 \uc788\uc9c0 \uc54a\uc544\ub3c4 \ub85c\uceec\uc5d0 \uce90\uc2dc\ub41c WebApp \ucf54\ub4dc\ub97c \uc774\uc6a9\ud574\uc11c WebApp\uc744 \uc2e4\ud589<\/p>\n – Off-line enabled WebApp\uc774 \ub418\ub824\uba74 \uc11c\ubc84\uc758 \ub3c4\uc6c0 \uc5c6\uc774 \uc2e4\ud589\ub420 \uc218 \uc788\ub3c4\ub85d \ubaa8\ub4e0 \ud504\ub85c\uadf8\ub7a8 \ub85c\uc9c1\uc774 front-end\uc5d0 \uc874\uc7ac\ud574\uc57c \ud568<\/p>\n + BaaS : Back-end as a Service<\/strong><\/p>\n – WebApp\uc758 front-end\uc5d0 \ubaa8\ub4e0 \ub85c\uc9c1\uc744 \ub2f4\uace0 \uc815\ud615\ud654\ub41c back-end\ub97c RESTful API \ud615\ud0dc\ub85c \uc81c\uacf5\ud558\ub294 \uac1c\ub150<\/p>\n – Back-end\uac00 \uc81c\uacf5\ud558\ub294 \ub370\uc774\ud130\ub97c \uac00\uacf5\ud558\ub294 \ubaa8\ub4e0 \ub85c\uc9c1\uc740 front-end\uc5d0 \uc874\uc7ac\ud574\uc57c \ud568<\/p>\n => SPA, Offline enabled Web App, BaaS \ub4f1 Modern JS WebApp\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \uaddc\ubaa8\uac00 \ud070 front-end \ucf54\ub4dc\ub97c \uc694\uad6c\ud568<\/strong><\/p>\n =>\u00a0front-end code\uc758 \uaddc\ubaa8\uac00 \ucee4\uc9d0\uc5d0 \ub530\ub77c \uc18c\uc2a4\ucf54\ub4dc\uc758 \uc720\uc9c0\/\ubcf4\uc218 \ube44\uc6a9\uc744 \uc808\uac10\ud558\uae30 \uc704\ud574 MVC \ud328\ud134\uc744 \uc774\uc6a9\ud574\uc11c WebApp \ucf54\ub4dc\ub97c \uad6c\uc870\uc801\uc73c\ub85c \ub9cc\ub4e4 \ud544\uc694\uac00 \uc0dd\uae40<\/span><\/strong><\/p>\n <\/p>\n MVC \ub514\uc790\uc778 \ud328\ud134<\/p>\n + \ub514\uc790\uc778 \ud328\ud134\uc774\ub780?<\/strong><\/p>\n – \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc18c\ud504\ud2b8\uc6e8\uc5b4 \ub514\uc790\uc778(\uc124\uacc4)<\/p>\n – \uac80\uc99d\ub41c \ubb38\uc81c \ud574\uacb0 \ubc29\uc2dd<\/p>\n – \ud544\uc694\uc5d0 \ub530\ub77c \uc720\uc5f0\ud558\uac8c \uc801\uc6a9 \uac00\ub2a5<\/p>\n + MVC \ud328\ud134\uc774\ub780?<\/strong><\/p>\n – Model, View, Controller\ub85c \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uad6c\uc870\ub97c \ub098\ub214<\/p>\n – Model\uc740 \ub370\uc774\ud130\ub97c \ud45c\ud604<\/p>\n – View\ub294 \ud654\uba74(\ubcf4\ud1b5 \uc544\ubb34\ub7f0 \ub85c\uc9c1\ub3c4 \uc5c6\uc74c)\uc744 \ud45c\ud604<\/p>\n – Controller\ub294 M\uacfc V \uc0ac\uc774\uc758 \uc870\uc728, \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \ucc98\ub9ac<\/p>\n – \uc804\ud1b5\uc801\uc73c\ub85c \uc11c\ubc84-\uc0ac\uc774\ub4dc\uc5d0\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ub428<\/p>\n <\/p>\n MVC\ub97c \uc9c0\uc6d0\ud558\ub294 Javascript f\/w \uc885\ub958<\/p>\n + JavaScriptMVC<\/strong><\/p>\n – \uc644\uc131\ub3c4 \ub192\uc740 \uc131\uc219\ud55c \uae30\uc220<\/p>\n – all-in-one \uc194\ub8e8\uc158<\/p>\n – \ub300\uaddc\ubaa8 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569<\/p>\n – GrooveShark(\ubbf8\uad6d\uc758 \uc74c\uc6d0 \uc81c\uacf5 \uc11c\ube44\uc2a4)\uc5d0 \uc801\uc6a9\ub428<\/p>\n + Backbone.js<\/strong><\/p>\n – \uacbd\ub7c9<\/p>\n – SPA \uc81c\uc791\uc5d0 \ucd5c\uc801<\/p>\n – \ub2e4\ub978 \ucef4\ud3ec\ub10c\ud2b8\uc640 \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30 \uc88b\uc74c<\/p>\n – MetaLab, SoundCloud, BitTorrent \ub4f1\uc5d0 \uc801\uc6a9\ub428<\/p>\n + Spine.js<\/strong><\/p>\n – \uacbd\ub7c9<\/p>\n – Class \uac1c\ub150 \uc81c\uacf5<\/p>\n – Backbone API\uc5d0 \uae30\ucd08\ud558\uc5ec Backbone \uac1c\ubc1c\uc790\ub77c\uba74 \ucd94\uac00 \ud559\uc2b5 \ube44\uc6a9\uc774 \ub0ae\uc74c<\/p>\n + Sammy.js<\/strong><\/p>\n – Route \uae30\ubc18 \uc571 \uac1c\ubc1c\uc5d0 \uc801\ud569\ud55c \uacbd\ub7c9 \ud504\ub808\uc784\uc6cc\ud06c<\/p>\n – Controller\ub9cc \uc81c\uacf5 (M\uacfc V\ub97c \uc81c\uacf5\ud558\uc9c0 \uc54a\uc74c)<\/p>\n – PaperlessPost\uc5d0 \uc801\uc6a9\ub428<\/p>\n + SproutCore<\/strong><\/p>\n – \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c \uac19\uc740 Rich\ud568\uc744 \uc9c0\ud5a5\ud558\ub294 \uc571 \uac1c\ubc1c\uc5d0 \uc801\ud569<\/p>\n – \ub300\uaddc\ubaa8 \uc5d4\ud130\ud504\ub77c\uc774\uc988 \uc571 \uac1c\ubc1c\uc5d0 \uc801\ud569<\/p>\n – \uc560\ud50c MobileMe\uc5d0 \uc801\uc6a9\ub428<\/p>\n <\/p>\n Reference<\/p>\n –\u00a0MVC and the Web<\/a><\/p>\n http:\/\/kanian77.wordpress.com\/category\/software-engineering\/mvc\/mvc-and-the-web\/page\/3\/<\/a><\/p>\n –\u00a0Tools For jQuery Application Architecture (Extended Slides)<\/a><\/p>\n http:\/\/addyosmani.com\/toolsforjqueryapparchitecture\/<\/a><\/p>\n –\u00a0\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc6f9\uc5b4\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uacbd\ud5d8\uae30<\/a><\/p>\n http:\/\/blog.outsider.ne.kr\/787<\/a><\/p>\n –\u00a0Digesting JavaScript MVC ? Pattern Abuse Or Evolution?<\/a><\/p>\n http:\/\/addyosmani.com\/blog\/digesting-javascript-mvc-pattern-abuse-or-evolution\/<\/a><\/p>\n –\u00a0Scaling Isomorphic Javascript Code<\/a><\/p>\n http:\/\/blog.nodejitsu.com\/scaling-isomorphic-javascript-code<\/a><\/p>\n –\u00a0MVC Architecture for JavaScript Applications<\/a><\/p>\n