{"id":736,"date":"2014-06-26T01:09:30","date_gmt":"2014-06-26T01:09:30","guid":{"rendered":"http:\/\/yoonhada.com\/wp\/?p=736"},"modified":"2023-12-27T03:23:21","modified_gmt":"2023-12-26T18:23:21","slug":"mvcmodel-view-controller","status":"publish","type":"post","link":"http:\/\/yoonhada.com\/?p=736","title":{"rendered":"MVC(Model-View-Controller)"},"content":{"rendered":"<h2>\uc0c1\ud669<\/h2>\n<p style=\"color: #000000;\">\uc0c1\ub2f9\uc218 \ucef4\ud4e8\ud130 \uc2dc\uc2a4\ud15c\uc758 \uc6a9\ub3c4\ub294 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac80\uc0c9\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ub370\uc774\ud130\ub97c \ubcc0\uacbd\ud558\uba74 \ubcc0\uacbd\ub41c \ub370\uc774\ud130\ub294 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc5d0 \uc800\uc7a5\ub429\ub2c8\ub2e4. \uc815\ubcf4\uac00 \uc8fc\ub85c \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc640 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc0ac\uc774\uc5d0 \uc804\ub2ec\ub418\ubbc0\ub85c \uc774 \ub450 \uac1c\uccb4\ub97c \uc11c\ub85c \uc5f0\uacb0\ud558\uc5ec \ucf54\ub529\uc758 \uc591\uc744 \uc904\uc774\uace0 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub824\uace0 \ud560 \uac83\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774 \uc790\uc5f0\uc2a4\ub7ec\uc6cc \ubcf4\uc774\ub294 \ubc29\ubc95\uc5d0\ub3c4 \uba87 \uac00\uc9c0 \uc911\uc694\ud55c \ubb38\uc81c\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud55c \uac00\uc9c0 \ubb38\uc81c\uc810\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uac00 \ub370\uc774\ud130 \uc800\uc7a5\uc18c \uc2dc\uc2a4\ud15c\ubcf4\ub2e4 \ud6e8\uc52c \ub354 \uc790\uc8fc \ubcc0\ud558\uae30 \uc27d\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4. \ub610 \ub2e4\ub978 \ubb38\uc81c\uc810\uc740 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc640 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc5f0\uacb0\ud560 \ub54c \ube44\uc988\ub2c8\uc2a4 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc5d0\ub294 \ub370\uc774\ud130 \uc804\uc1a1\uc744 \ud6e8\uc52c \ub118\uc5b4\uc11c\ub294 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub97c \ud1b5\ud569\ud558\uae30 \uc27d\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<h2>\ubb38\uc81c\uc810<\/h2>\n<p style=\"color: #000000;\">\uc0ac\uc6a9\uc790\uac00 \uc27d\uac8c \uac1c\ubcc4 \ud30c\ud2b8\ub97c \uc218\uc815\ud560 \uc218 \uc788\ub3c4\ub85d \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc758 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uae30\ub2a5\uc744 \ubaa8\ub4c8\ud654\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc740 \ubb34\uc5c7\uc77c\uae4c\uc694?<\/p>\n<h2>\uac15\uc81c \uc694\uc778<\/h2>\n<p style=\"color: #000000;\">\uc774\ub7ec\ud55c \uc0c1\ud669\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc740 \uac15\uc81c \uc694\uc778\uc774 \uc2dc\uc2a4\ud15c\uc5d0 \uc791\uc6a9\ud558\uba70 \uc704\uc758 \ubb38\uc81c\ub97c \ud574\uacb0\ud560 \ub54c \uc774\ub7ec\ud55c \uac15\uc81c \uc694\uc778\uc744 \uc870\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"color: #000000;\">\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ub17c\ub9ac\ub294 \ud2b9\ud788 \uc6f9 \uae30\ubc18 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ubcf4\ub2e4 \ub354 \uc790\uc8fc \ubcc0\ud558\ub294 \uacbd\ud5a5\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0c8\ub85c\uc6b4 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ud398\uc774\uc9c0\uac00 \ucd94\uac00\ub418\uac70\ub098 \uae30\uc874 \ud398\uc774\uc9c0\uc758 \ub808\uc774\uc544\uc6c3\uc774 \ubc14\ub014 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubb34\uc5c7\ubcf4\ub2e4 \uc6f9 \uae30\ubc18 \uc52c(thin) \ud074\ub77c\uc774\uc5b8\ud2b8 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc758 \uc774\uc810 \uc911 \ud558\ub098\ub294 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \uc7ac\ubc30\ud3ec\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc5b8\uc81c\ub4e0\uc9c0 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ubcc0\uacbd\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4. \ud504\ub808\uc820\ud14c\uc774\uc158 \ucf54\ub4dc\uc640 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\uac00 \ub2e8\uc77c \uac1c\uccb4\uc5d0 \uc5f0\uacb0\ub41c \uacbd\uc6b0, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uac00 \ubcc0\uacbd\ub420 \ub54c\ub9c8\ub2e4 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\uac00 \ud3ec\ud568\ub41c \uac1c\uccb4\ub97c \uc218\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uae30 \uc26c\uc6b0\uba70 \uc0ac\uc18c\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ubcc0\uacbd\uc774 \uc788\uc740 \ud6c4\uc5d0\ub3c4 \ubaa8\ub4e0 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub97c \ub2e4\uc2dc \ud14c\uc2a4\ud2b8\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\uc77c\ubd80 \uacbd\uc6b0\uc5d0\ub294 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc774 \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \ub2e4\ub978 \uc2dd\uc73c\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ubd84\uc11d\uac00\ub294 \ub370\uc774\ud130\ub97c \uc2a4\ud504\ub808\ub4dc\uc2dc\ud2b8\ub85c \ubcf4\uae30 \uc6d0\ud558\uc9c0\ub9cc \uacbd\uc601\uc9c4\uc740 \uc774 \ub370\uc774\ud130\ub97c \uc6d0 \uadf8\ub798\ud504\ub85c \ubcf4\uae30\ub97c \uc6d0\ud569\ub2c8\ub2e4. \uc77c\ubd80 \ub9ac\uce58(rich) \ud074\ub77c\uc774\uc5b8\ud2b8 \uc778\ud130\ud398\uc774\uc2a4\uc5d0\uc11c\ub294 \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \uc5ec\ub7ec \uac1c\uc758 \ubdf0\ub85c \ub3d9\uc2dc\uc5d0 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ud558\ub098\uc758 \ubdf0\uc5d0\uc11c \ub370\uc774\ud130\ub97c \ubcc0\uacbd\ud558\uba74 \uc2dc\uc2a4\ud15c\uc774 \ub370\uc774\ud130\uc758 \ubaa8\ub4e0 \ub2e4\ub978 \ubdf0\ub97c \uc5c5\ub370\uc774\ud2b8\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\ubcf4\uae30\uc5d0 \uc88b\uace0 \ud6a8\uc728\uc801\uc778 HTML \ud398\uc774\uc9c0\ub97c \ub514\uc790\uc778\ud558\uae30 \uc704\ud574\uc11c\ub294 \ub300\uac1c \ubcf5\uc7a1\ud55c \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub97c \uac1c\ubc1c\ud560 \ub54c\uc640\ub294 \ub2e4\ub978 \uae30\uc220\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ub450 \uac00\uc9c0 \uae30\uc220\uc744 \ubaa8\ub450 \uac00\uc9c0\uace0 \uc788\ub294 \uc0ac\ub78c\uc740 \ud754\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc774 \ub450 \ud30c\ud2b8\uc5d0 \ub300\ud55c \uac1c\ubc1c \ub178\ub825\uc744 \uad6c\ubd84\ud558\ub294 \uac83\uc774 \ubc14\ub78c\uc9c1\ud569\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc791\uc5c5\uc740 \ub300\uac1c \ud504\ub808\uc820\ud14c\uc774\uc158\uacfc \uc5c5\ub370\uc774\ud2b8\uc758 \ub450 \ubd80\ubd84\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. \ud504\ub808\uc820\ud14c\uc774\uc158 \ud30c\ud2b8\uc5d0\uc11c\ub294 \ub370\uc774\ud130 \uc18c\uc2a4\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac80\uc0c9\ud558\uace0 \uc11c\uc2dd\uc744 \uc9c0\uc815\ud55c \ud6c4 \ud45c\uc2dc\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ub370\uc774\ud130 \uae30\ubc18\uc758 \uc791\uc5c5\uc744 \uc218\ud589\ud558\ub294 \uacbd\uc6b0, \uc5c5\ub370\uc774\ud2b8 \ud30c\ud2b8\uc5d0\uc11c\ub294 \ub370\uc774\ud130\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uae30 \uc704\ud574 \uc81c\uc5b4\uad8c\uc744 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub85c \ub118\uaca8\uc90d\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c\uc758 \ub2e8\uc77c \ud398\uc774\uc9c0 \uc694\uccad\uc740 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\ud55c \ub9c1\ud06c\uc758 \uc791\uc5c5 \ucc98\ub9ac\uc640 \ub300\uc0c1 \ud398\uc774\uc9c0\uc758 \ub80c\ub354\ub9c1\uc744 \uacb0\ud569\ud569\ub2c8\ub2e4. \uc0c1\ub2f9\uc218\uc758 \uacbd\uc6b0 \ub300\uc0c1 \ud398\uc774\uc9c0\uac00 \ud574\ub2f9 \uc791\uc5c5\uc5d0 \uc9c1\uc811 \uc5f0\uacb0\ub418\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ud56d\ubaa9\uc758 \ubaa9\ub85d\uc744 \ud45c\uc2dc\ud558\ub294 \uac04\ub2e8\ud55c \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \uc0dd\uac01\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ubaa9\ub85d\uc5d0 \ud56d\ubaa9\uc744 \ucd94\uac00\ud558\uac70\ub098 \ubaa9\ub85d\uc5d0\uc11c \ud56d\ubaa9\uc744 \uc0ad\uc81c\ud55c \ud6c4 \uc8fc \ubaa9\ub85d \ud398\uc774\uc9c0\ub85c \ub3cc\uc544\uac11\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc774 \ub3d9\uc77c\ud55c HTTP \uc694\uccad \ub0b4\uc5d0\uc11c \uc0c1\ub2f9\ud788 \ub2e4\ub978 \ub450 \uba85\ub839(\ucd94\uac00 \ub610\ub294 \uc0ad\uc81c)\uc744 \uc2e4\ud589\ud55c \ud6c4 \ub3d9\uc77c\ud55c \ud398\uc774\uc9c0(\ubaa9\ub85d)\ub97c \ub80c\ub354\ub9c1\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ucf54\ub4dc\ub294 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ubcf4\ub2e4\ub3c4 \ub354 \uc7a5\uce58\uc758 \uc601\ud5a5\uc744 \ubc1b\ub294 \uacbd\ud5a5\uc774 \uc788\uc2b5\ub2c8\ub2e4. PDA(Personal Digital Assistant) \ub610\ub294 \uc6f9 \uac00\ub2a5 \ud734\ub300\ud3f0\uc744 \uc9c0\uc6d0\ud558\uae30 \uc704\ud574 \ube0c\ub77c\uc6b0\uc800 \uae30\ubc18 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \ub9c8\uc774\uadf8\ub808\uc774\uc158\ud558\ub824\ub294 \uacbd\uc6b0, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ucf54\ub4dc\ub294 \uc0c1\ub2f9\uc218 \uad50\uccb4\ub418\uc5b4\uc57c \ud558\ub294 \ubc18\uba74 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub294 \uc601\ud5a5\uc744 \ubc1b\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ub450 \ud30c\ud2b8\ub97c \uba85\ud655\ud558\uac8c \uad6c\ubd84\ud558\uba74 \ub9c8\uc774\uadf8\ub808\uc774\uc158\uc774 \ucd09\uc9c4\ub418\uace0 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\uc5d0 \uc624\ub958\uac00 \ubc1c\uc0dd\ud560 \uc704\ud5d8\uc774 \ucd5c\uc18c\ud654\ub429\ub2c8\ub2e4.<\/li>\n<li style=\"color: #000000;\">\uc790\ub3d9\ud654\ub41c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc6a9 \ud14c\uc2a4\ud2b8\ub97c \ub9cc\ub4dc\ub294 \uac83\uc740 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\uc6a9 \ud14c\uc2a4\ud2b8\ub97c \ub9cc\ub4dc\ub294 \uac83\ubcf4\ub2e4 \uc5b4\ub835\uace0 \ub9ce\uc740 \uc2dc\uac04\uc774 \uc18c\uc694\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc5d0 \uc9c1\uc811 \uc5f0\uacb0\ub41c \ucf54\ub4dc\uc758 \uc591\uc744 \uc904\uc774\ub294 \uac83\uc774 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc758 \ud14c\uc2a4\ud2b8 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uc194\ub8e8\uc158MVC(Model-View-Controller) \ud328\ud134\uc740 \ub3c4\uba54\uc778\uc758 \ubaa8\ub378\ub9c1\uacfc \ud504\ub808\uc820\ud14c\uc774\uc158 \uadf8\ub9ac\uace0 \uc0ac\uc6a9\uc790 \uc785\ub825 \uae30\ubc18\uc758 \uc791\uc5c5\uc744 \uc138 \uac1c\uc758 \ubcc4\ub3c4 \ud074\ub798\uc2a4\ub85c \uad6c\ubd84\ud574 \uc90d\ub2c8\ub2e4[Burbeck92].<\/li>\n<li><b>\ubaa8\ub378<\/b>. \ubaa8\ub378\uc5d0\uc11c\ub294 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8 \ub3c4\uba54\uc778\uc758 \ub3d9\uc791(behavior)\uacfc \ub370\uc774\ud130\ub97c \uad00\ub9ac\ud558\uace0, \ub300\uac1c \ubdf0\ub85c\ubd80\ud130\uc758 \uc0c1\ud0dc \uc815\ubcf4 \uc694\uccad\uc5d0 \uc751\ub2f5\ud558\uace0, \ub300\uac1c \ucee8\ud2b8\ub864\ub7ec\ub85c\ubd80\ud130\uc758 \uc0c1\ud0dc \ubcc0\uacbd \uba85\ub839\uc5d0 \uc751\ub2f5\ud569\ub2c8\ub2e4.<\/li>\n<li><b>\ubdf0<\/b>. \ubdf0\uc5d0\uc11c\ub294 \uc815\ubcf4 \ud45c\uc2dc\ub97c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/li>\n<li><b>\ucee8\ud2b8\ub864\ub7ec<\/b>. \ucee8\ud2b8\ub864\ub7ec\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790\uc758 \ub9c8\uc6b0\uc2a4 \ubc0f \ud0a4\ubcf4\ub4dc \uc785\ub825\uc744 \ud574\uc11d\ud558\uc5ec \uc801\uc808\ud558\uac8c \ubcc0\uacbd\ud558\ub3c4\ub85d \ubaa8\ub378\uacfc \ubdf0\uc5d0\uc11c \uc54c\ub824\uc90d\ub2c8\ub2e4.\uadf8\ub9bc 1\uc740 \uc138 \uac00\uc9c0 \uac1c\uccb4\uc758 \uad6c\uc870\uc801 \uad00\uacc4\ub97c \ub098\ud0c0\ub0c5\ub2c8\ub2e4.\n<p><img decoding=\"async\" id=\"korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig01.gif\" class=\"_photoImage\" src=\"http:\/\/www.microsoft.com\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig01.gif\" alt=\"\" \/><\/p>\n<p>\uadf8\ub9bc 1: MVC \ud074\ub798\uc2a4 \uad6c\uc870<\/p>\n<p>\uc911\uc694\ud55c \uc810\uc740 \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec\ub294 \ubaa8\ub378\uc5d0 \uc758\uc874\ud558\uc9c0\ub9cc \ubaa8\ub378\uc740 \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec\uc5d0 \uc758\uc874\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4. \uc774\uac83\uc774 \ubc14\ub85c \uad6c\ubd84\uc758 \uac00\uc7a5 \ud070 \uc774\uc810\uc785\ub2c8\ub2e4. \uc774 \uad6c\ubd84\uc5d0\uc11c\ub294 \uc2dc\uac01\uc801 \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 \uc601\ud5a5\uc744 \ubc1b\uc9c0 \uc54a\uc73c\uba74\uc11c \ubaa8\ub378\uc744 \ub9cc\ub4e4\uace0 \ud14c\uc2a4\ud2b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\ub2f9\uc218\uc758 \ub9ac\uce58(rich) \ud074\ub77c\uc774\uc5b8\ud2b8 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c\ub294 \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec \uc0ac\uc774\uc758 \uad6c\ubd84\uc774 \uadf8\ub2e4\uc9c0 \uc911\uc694\ud558\uc9c0 \uc54a\uc73c\uba70 \uc2e4\uc81c\ub85c \uc0c1\ub2f9\uc218 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uc11c\ub294 \ub450 \uc5ed\ud560\uc744 \ud558\ub098\uc758 \uac1c\uccb4\ub85c \uad6c\ud604\ud569\ub2c8\ub2e4. \ubc18\ub300\ub85c \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c\ub294 \ubdf0(\ube0c\ub77c\uc6b0\uc800)\uc640 \ucee8\ud2b8\ub864\ub7ec(HTTP \uc694\uccad\uc744 \ucc98\ub9ac\ud558\ub294 \uc11c\ubc84\uce21 \uad6c\uc131 \uc694\uc18c) \uc0ac\uc774\uc758 \uad6c\ubd84\uc774 \uba85\ud655\ud558\uac8c \uc815\uc758\ub429\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>MVC(Model-View-Controller) \ub294 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ub17c\ub9ac\uc640 \ube44\uc988\ub2c8\uc2a4 \ub17c\ub9ac\ub97c \uad6c\ubd84\ud558\uae30 \uc704\ud55c \uae30\ubcf8\uc801\uc778 \uc124\uacc4 \ud328\ud134\uc785\ub2c8\ub2e4. \ubd88\ud589\ud788\ub3c4 \uc774 \ud328\ud134\uc758 \uc778\uae30\ub85c \uc5ec\ub7ec \uc798\ubabb\ub41c \uc124\uba85\uc774 \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 &#8220;\ucee8\ud2b8\ub864\ub7ec&#8221;\ub77c\ub294 \ub9d0\uc740 \ub2e4\uc591\ud55c \uc5ec\ub7ec \uc0c1\ud669\ub9c8\ub2e4 \ub2e4\ub978 \uc758\ubbf8\ub97c \uac00\uc9c0\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ub2e4\ud589\ud788 \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc758 \ub4f1\uc7a5\uc73c\ub85c \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec \uc0ac\uc774\uc758 \uad6c\ubd84\uc774 \uba85\ud655\ud574\uc9d0\uc5d0 \ub530\ub77c \uc5b4\ub290 \uc815\ub3c4\uc758 \ubaa8\ud638\ud568\uc774 \ud574\uacb0\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\ubcc0\ud615<\/h2>\n<p>Application Programming in Smalltalk-80: How to use Model-View-Controller (MVC)[Burbeck92]\uc5d0\uc11c Steve Burbeck\ub294 MVC\uc758 \ub450 \uac00\uc9c0 \ubcc0\ud615\uc778 \uc218\ub3d9 \ubaa8\ub378\uacfc \ub2a5\ub3d9 \ubaa8\ub378\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>\uc218\ub3d9 \ubaa8\ub378\uc740 \ud558\ub098\uc758 \ucee8\ud2b8\ub864\ub7ec\uac00 \ubaa8\ub378\uc744 \ub3c5\uc790\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \ub54c\uc5d0 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \ubaa8\ub378\uc744 \uc218\uc815\ud55c \ucee8\ud2b8\ub864\ub7ec\ub294 \ud574\ub2f9 \ubaa8\ub378\uc774 \ubcc0\uacbd\ub418\uc5c8\uc73c\uba70 \uc0c8\ub85c \uace0\uccd0\uc57c \ud568\uc744 \ubdf0\uc5d0 \uc54c\ub824\uc90d\ub2c8\ub2e4(\uadf8\ub9bc 2 \ucc38\uc870). \uc774 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c\ub294 \ubaa8\ub378\uc774 \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec\ub85c\ubd80\ud130 \uc644\uc804\ud788 \ub3c5\ub9bd\ub418\uc5b4 \uc788\uae30 \ub54c\ubb38\uc5d0 \ubaa8\ub378\uc774 \uc0c1\ud0dc \ubcc0\uacbd \uc0ac\ud56d\uc744 \ubcf4\uace0\ud560 \ubc29\ubc95\uc774 \uc5c6\uc2b5\ub2c8\ub2e4. HTTP \ud504\ub85c\ud1a0\ucf5c\uc774 \ubc14\ub85c \uadf8 \uc608\uc785\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\uc5d0\ub294 \uc11c\ubc84\ub85c\ubd80\ud130 \ube44\ub3d9\uae30 \uc5c5\ub370\uc774\ud2b8\ub97c \ubc1b\uc744 \uc218 \uc788\ub294 \uac04\ub2e8\ud55c \ubc29\ubc95\uc774 \uc5c6\uc2b5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\ub294 \ubdf0\ub97c \ud45c\uc2dc\ud558\uace0 \uc0ac\uc6a9\uc790 \uc785\ub825\uc5d0 \uc751\ub2f5\ud558\uc9c0\ub9cc \uc11c\ubc84\uc758 \ub370\uc774\ud130\uac00 \ubcc0\uacbd\ub418\ub294 \uac83\uc744 \uac10\uc9c0\ud558\uc9c0 \ubabb\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \uba85\uc2dc\uc801\uc73c\ub85c \uc0c8\ub85c \uace0\uce68\uc744 \uc694\uccad\ud574\uc57c\ub9cc \uc11c\ubc84\uc5d0 \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc788\ub294\uc9c0 \ubb3c\uc5b4\ubd05\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" id=\"korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig02.gif\" class=\"_photoImage\" src=\"http:\/\/www.microsoft.com\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig02.gif\" alt=\"\" \/><\/p>\n<p>\uadf8\ub9bc 2: \uc218\ub3d9 \ubaa8\ub378\uc758 \ub3d9\uc791(behavior)<\/p>\n<p>&nbsp;<\/p>\n<p>\ub2a5\ub3d9 \ubaa8\ub378\uc740 \ucee8\ud2b8\ub864\ub7ec\uc758 \uac1c\uc785 \uc5c6\uc774 \ubaa8\ub378\uc774 \uc0c1\ud0dc\ub97c \ubcc0\uacbd\ud560 \ub54c\uc5d0 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uacbd\uc6b0\ub294 \ub2e4\ub978 \uc18c\uc2a4\uac00 \ub370\uc774\ud130\ub97c \ubcc0\uacbd \uc911\uc77c \ub54c \uc774 \ubcc0\uacbd \uc0ac\ud56d\uc744 \ubcf4\uae30\uc5d0 \ubc18\uc601\ud574\uc57c \ud558\ub294 \uacbd\uc6b0\uc5d0 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc99d\uad8c \uc2dc\uc138 \ud45c\uc2dc\uae30\ub97c \uc0dd\uac01\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc8fc\uc2dd \ub370\uc774\ud130\uac00 \ubcc0\uacbd\ub418\uba74 \uc678\ubd80 \uc18c\uc2a4\uc5d0\uc11c \uc8fc\uc2dd \ub370\uc774\ud130\ub97c \ubc1b\uc544 \ubdf0(\uc608: \uc2dc\uc138 \ud45c\uc2dc\uae30 \ubc0f \uacbd\ubcf4 \ucc3d)\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uace0 \uc2f6\uc2b5\ub2c8\ub2e4. \uc624\uc9c1 \ubaa8\ub378\ub9cc\uc774 \ubcc0\uacbd\ub41c \ub0b4\ubd80 \uc0c1\ud0dc\ub97c \uac10\uc9c0\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 \ubcc0\uacbd\uc774 \ubc1c\uc0dd\ud560 \uacbd\uc6b0, \ubaa8\ub378\uc740 \ud45c\uc2dc\uae30\ub97c \uc0c8\ub85c \uace0\uce58\ub3c4\ub85d \ubdf0\uc5d0\uac8c \ud1b5\ubcf4\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>\ud558\uc9c0\ub9cc MVC \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\ub294 \uc774\uc720 \uc911 \ud558\ub098\ub294 \ubaa8\ub378\uc774 \ubdf0\uc758 \uc601\ud5a5\uc744 \ubc1b\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ubaa8\ub378\uc774 \ubdf0\uc5d0 \ubcc0\uacbd \uc0ac\ud56d\uc744 \ud1b5\ubcf4\ud574\uc57c \ud55c\ub2e4\uba74 \uc9c0\uae08\uae4c\uc9c0 \ud53c\ud558\ub824\uace0 \ud588\ub358 \uc758\uc874\uc131\uc774 \uc7ac\ud604\ub418\ub294 \uac83\uc785\ub2c8\ub2e4. \ub2e4\ud589\ud788\ub3c4\u00a0<a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesObserver.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\uc635\uc11c\ubc84<\/a>\u00a0\ud328\ud134[Gamma95]\uc740 \uc758\uc874\uc131\uc744 \uc7ac\ud604\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc0c1\ud0dc \ubcc0\uacbd \uc0ac\ud56d\uc744 \ub2e4\ub978 \uac1c\uccb4\uc5d0 \uc54c\ub824\uc904 \uc218 \uc788\ub294 \uba54\ucee4\ub2c8\uc998\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uac1c\ubcc4 \ubdf0\uac00 \uc635\uc11c\ubc84 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud558\uace0 \ubaa8\ub378\uc5d0 \ub4f1\ub85d\ud569\ub2c8\ub2e4. \uc774 \ubaa8\ub378\uc740 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uad6c\ub3c5\ud558\ub294 \ubaa8\ub4e0 \uc635\uc11c\ubc84\uc758 \ubaa9\ub85d\uc744 \ucd94\uc801\ud569\ub2c8\ub2e4. \ubaa8\ub378\uc774 \ubcc0\uacbd\ub418\uba74 \uc774 \ubaa8\ub378\uc740 \ub4f1\ub85d\ub41c \ubaa8\ub4e0 \uc635\uc11c\ubc84\ub97c \uac80\uc0c9\ud55c \ud6c4 \uc635\uc11c\ubc84\uc5d0\uac8c \ubcc0\uacbd \uc0ac\ud56d\uc744 \ud1b5\ubcf4\ud569\ub2c8\ub2e4. \uc774 \ubc29\ubc95\uc744 \ud754\ud788 &#8220;\uac8c\uc2dc-\uad6c\ub3c5&#8221;\uc774\ub77c\uace0 \ud569\ub2c8\ub2e4. \ubaa8\ub378\uc5d0\ub294 \ubdf0\uc5d0 \uad00\ud55c \ud2b9\uc815 \uc815\ubcf4\uac00 \uc804\ud600 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \ubaa8\ub378 \ubcc0\uacbd \uc0ac\ud56d(\uc608: \uba54\ub274 \uc635\uc158 \uc124\uc815 \ub610\ub294 \ud574\uc81c)\uc744 \ucee8\ud2b8\ub864\ub7ec\uc5d0 \uc54c\ub824\uc57c \ud558\ub294 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c\ub294 \ubaa8\ub4e0 \ucee8\ud2b8\ub864\ub7ec\uac00 \uc635\uc11c\ubc84 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud558\uace0 \ubaa8\ub378 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uad6c\ub3c5\ud574\uc57c \ud569\ub2c8\ub2e4. \ub9ce\uc740 \ubdf0\uac00 \uc788\ub294 \uc0c1\ud669\uc5d0\uc11c\ub294 \uc5ec\ub7ec \uac1c\uc758 \uc8fc\uc81c\ub97c \uc815\uc758\ud558\uace0 \uac01 \uc8fc\uc81c\ub85c \ud2b9\uc815 \uc720\ud615\uc758 \ubaa8\ub378 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc124\uba85\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uac01\uac01\uc758 \ubdf0\ub294 \ud574\ub2f9 \ubdf0\uc5d0 \uad00\ub828\ub41c \uc720\ud615\uc758 \ubcc0\uacbd \uc0ac\ud56d\ub9cc\uc744 \uad6c\ub3c5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<p>\uadf8\ub9bc 3\uc740 \uc635\uc11c\ubc84\ub97c \uc0ac\uc6a9\ud558\ub294 \ub2a5\ub3d9 MVC\uc758 \uad6c\uc870\uc640 \ubaa8\ub378\uc774 \ubdf0\ub97c \uc9c1\uc811 \ucc38\uc870\ud558\uc9c0 \ubabb\ud558\ub3c4\ub85d \uc635\uc11c\ubc84\uac00 \ubaa8\ub378\uc744 \uaca9\ub9ac\uc2dc\ud0a4\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" id=\"korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig03.gif\" class=\"_photoImage\" src=\"http:\/\/www.microsoft.com\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig03.gif\" alt=\"\" \/><\/p>\n<p>\uadf8\ub9bc 3: \ub2a5\ub3d9 \ubaa8\ub378\uc5d0\uc11c \uc635\uc11c\ubc84\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubaa8\ub378\uacfc \ubdf0\ub97c \ubd84\ub9ac<\/p>\n<p>&nbsp;<\/p>\n<p>\uadf8\ub9bc 4\ub294 \ubaa8\ub378\uc774 \ubcc0\uacbd\ub420 \ub54c \uc635\uc11c\ubc84\uac00 \ubdf0\uc5d0 \uc5b4\ub5bb\uac8c \ubcc0\uacbd \uc0ac\ud56d\uc744 \ud1b5\ubcf4\ud558\ub294\uc9c0 \uadf8 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \ubd88\ud589\ud788\ub3c4 \ubaa8\ub378\uacfc \ubdf0\uc758 \uad6c\ubd84\uc744 UML(Unified Modeling Language) \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc5d0 \uc801\uc808\ud558\uac8c \ud45c\uc2dc\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc774 \uc5c6\ub294\ub370 \uadf8 \uc774\uc720\ub294 \uc774 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \ud074\ub798\uc2a4\uc640 \uc778\ud130\ud398\uc774\uc2a4\uac00 \uc544\ub2c8\ub77c \uac1c\uccb4 \uc778\uc2a4\ud134\uc2a4\ub97c \ud45c\uc2dc\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" id=\"korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig04.gif\" class=\"_photoImage\" src=\"http:\/\/www.microsoft.com\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/des_MVC_Fig04.gif\" alt=\"\" \/><\/p>\n<p>\uadf8\ub9bc 4: \ub2a5\ub3d9 \ubaa8\ub378\uc758 \ub3d9\uc791(behavior)<\/p>\n<p>\uc608\uc81c<\/p>\n<p><a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/ImpMVCinASP.asp\" target=\"_blank\" rel=\"noopener noreferrer\">ASP.NET\uc5d0\uc11c MVC(Model-View-Controller \uad6c\ud604<\/a>)\uc744 \ucc38\uc870\ud558\uc2ed\uc2dc\uc624.<\/p>\n<p>\ud14c\uc2a4\ud2b8 \uace0\ub824 \uc0ac\ud56d<\/p>\n<p>MVC(Model-View-Controller) \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\uba74 \ud14c\uc2a4\ud2b8 \uc131\ub2a5\uc774 \uc0c1\ub2f9\ud788 \ud5a5\uc0c1\ub429\ub2c8\ub2e4. \uad6c\uc131 \uc694\uc18c\uac00 \uc0c1\ud638 \uc758\uc874\uc801\uc778 \uacbd\uc6b0 \uad6c\uc131 \uc694\uc18c(\ud2b9\ud788 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\uc131 \uc694\uc18c)\ub97c \ud14c\uc2a4\ud2b8\ud558\ub294 \uac83\uc774 \uc5b4\ub824\uc6cc\uc9d1\ub2c8\ub2e4. \uc774\ub7f0 \uad6c\uc131 \uc694\uc18c\uc758 \uacbd\uc6b0\ub294 \uac04\ub2e8\ud55c \uae30\ub2a5\uc744 \ud14c\uc2a4\ud2b8\ud558\ub294 \ub370\ub3c4 \ubcf5\uc7a1\ud55c \uc124\uc815\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc124\uc0c1\uac00\uc0c1\uc73c\ub85c \uc624\ub958\uac00 \ubc1c\uc0dd\ud55c \uacbd\uc6b0\uc5d0\ub294 \ubb38\uc81c\ub97c \ud2b9\uc815\ud55c \uad6c\uc131 \uc694\uc18c\uc5d0 \uaca9\ub9ac\uc2dc\ud0a4\ub294 \uac83\uc774 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. \ubc14\ub85c \uc774\ub7ec\ud55c \uc774\uc720 \ub54c\ubb38\uc5d0 Architecture\ub97c \uad6c\uc131\ud558\ub294 \ub370 \uc788\uc5b4 \uad6c\ubd84\uc774 \uc911\uc694\ud574\uc9d1\ub2c8\ub2e4. MVC\uc5d0\uc11c\ub294 \ub370\uc774\ud130\uc758 \uc800\uc7a5, \ud45c\uc2dc \ubc0f \uc5c5\ub370\uc774\ud2b8 \ubb38\uc81c\ub97c \uc138 \uac1c\uc758 \uad6c\uc131 \uc694\uc18c\ub85c \uad6c\ubd84\ud55c \ud6c4 \uc774 \uad6c\uc131 \uc694\uc18c\ub97c \uac1c\ubcc4\uc801\uc73c\ub85c \ud14c\uc2a4\ud305\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc0c1\ud638 \uc758\uc874\uc131\uc5d0 \uc758\ud55c \ubb38\uc81c\ub294 \uc81c\uc678\ud558\ub354\ub77c\ub3c4 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\uc758 \ud14c\uc2a4\ud2b8 \uc790\uccb4\uac00 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ud14c\uc2a4\ud2b8\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc9c0\ub8e8\ud55c \uc218\uc791\uc5c5 \ud14c\uc2a4\ud2b8(\uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uae30 \uc26c\uc6b4 \ud14c\uc2a4\ud2b8)\ub098 \uc0ac\uc6a9\uc790 \ub3d9\uc791\uc744 \uc2dc\ubbac\ub808\uc774\uc158\ud558\ub294 \ud14c\uc2a4\ud2b8 \uc2a4\ud06c\ub9bd\ud2b8\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \uc774 \uc2a4\ud06c\ub9bd\ud2b8\ub294 \uac1c\ubc1c\uc5d0 \ub9ce\uc740 \uc2dc\uac04\uc774 \uc18c\uc694\ub418\uba70 \ubd88\uc548\uc815\ud569\ub2c8\ub2e4. MVC\uac00 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ud14c\uc2a4\ud2b8\uc758 \ud544\uc694\uc131\uc744 \uc5c6\uc560\uc8fc\uc9c0\ub294 \uc54a\uc9c0\ub9cc \ubaa8\ub378\uacfc \ud504\ub808\uc820\ud14c\uc774\uc158 \ub17c\ub9ac\ub97c \uad6c\ubd84\ud558\uae30 \ub54c\ubb38\uc5d0 \ud504\ub808\uc820\ud14c\uc774\uc158\uc758 \uc601\ud5a5\uc744 \ubc1b\uc9c0 \uc54a\uace0 \ubaa8\ub378\uc744 \ud14c\uc2a4\ud2b8\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ud14c\uc2a4\ud2b8 \uc0ac\ub840\uc758 \uc218\uac00 \uc904\uc5b4\ub4ed\ub2c8\ub2e4.<\/p>\n<p>\uacb0\uacfc<\/p>\n<p>MVC \ud328\ud134 \uc8fc\uc704\uc5d0 \ud504\ub808\uc820\ud14c\uc774\uc158 \ub808\uc774\uc5b4\ub97c \uad6c\uc131\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\uc740 \uc774\uc810\uacfc \ub2e8\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\uc810<\/p>\n<p>&nbsp;<\/li>\n<li><b>\uc5ec\ub7ec \uac1c\uc758 \ubdf0 \uc9c0\uc6d0<\/b>. \ubdf0\uc640 \ubaa8\ub378\uc774 \uad6c\ubd84\ub418\uc5b4 \ubdf0\uc640 \ubaa8\ub378\uc774 \uc9c1\uc811 \uc758\uc874\ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc5d0\uc11c \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \uc5ec\ub7ec \uac1c\uc758 \ubdf0\ub85c \ub3d9\uc2dc\uc5d0 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc758 \uc5ec\ub7ec \ud398\uc774\uc9c0\uc5d0\uc11c \ub3d9\uc77c\ud55c \ubaa8\ub378 \uac1c\uccb4\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610 \ub2e4\ub978 \uc608\ub294 \uc0ac\uc6a9\uc790\uac00 \ud398\uc774\uc9c0\uc758 \ubaa8\uc591\uc744 \ubcc0\uacbd\ud560 \uc218 \uc788\ub294 \uc6f9 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc785\ub2c8\ub2e4. \uc774 \ud398\uc774\uc9c0\ub294 \uacf5\uc720\ub41c \ubaa8\ub378\ub85c\ubd80\ud130 \ub3d9\uc77c\ud55c \ub370\uc774\ud130\ub97c \ud45c\uc2dc\ud558\uc9c0\ub9cc \ub2e4\ub978 \ubc29\uc2dd\uc73c\ub85c \ub370\uc774\ud130\ub97c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/li>\n<li>\ubcc0\uacbd \uc0ac\ud56d\uc744 \uc218\uc6a9. \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc694\uad6c \uc0ac\ud56d\uc740 \ube44\uc988\ub2c8\uc2a4 \uaddc\uce59\ubcf4\ub2e4 \ub354 \ube68\ub9ac \ubcc0\ud558\ub294 \uacbd\ud5a5\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \ud734\ub300\ud3f0 \ub610\ub294 PDA\uc640 \uac19\uc740 \uc2e0\ud615 \uc7a5\uce58\uc5d0 \ucc28\ubcc4\ud654\ub41c \uc0c9\uc0c1, \uae00\uaf34, \ud654\uba74 \ubc30\uce58 \ubc0f \uc9c0\uc6d0 \uc218\uc900\uc744 \uc120\ud638\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub378\uc740 \ubdf0\uc5d0 \uc758\uc874\ud558\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0 \uc0c8\ub85c\uc6b4 \uc720\ud615\uc758 \ubdf0\ub97c \uc2dc\uc2a4\ud15c\uc5d0 \ucd94\uac00\ud558\ub354\ub77c\ub3c4 \ubaa8\ub378\uc5d0\ub294 \uc601\ud5a5\uc744 \ubbf8\uce58\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \ubcc0\ud654\uc758 \ubc94\uc704\uac00 \ubdf0\ub85c \uad6d\ud55c\ub429\ub2c8\ub2e4. \uc774 \ud328\ud134\uc740\u00a0<a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesPageController.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\ub7ec<\/a>\u00a0\ubc0f\u00a0<a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesFrontController.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\ud504\ub7f0\ud2b8 \ucee8\ud2b8\ub864\ub7ec<\/a>\uc640 \uac19\uc774 \uc774 \ud328\ud134\uc744 \ub354\uc6b1 \ud2b9\uc218\ud654\ud558\uae30 \uc704\ud55c \uae30\ubc18\uc774 \ub429\ub2c8\ub2e4.\ub2e8\uc810&nbsp;<\/li>\n<li><b>\ubcf5\uc7a1\uc131<\/b>. MVC \ud328\ud134\uc5d0\uc11c\ub294 \uc0c8\ub85c\uc6b4 \uc218\uc900\uc758 \uac04\uc811 \ucc38\uc870\uac00 \uc0ac\uc6a9\ud558\ubbc0\ub85c \uc194\ub8e8\uc158\uc774 \uc57d\uac04 \ub354 \ubcf5\uc7a1\ud574\uc9d1\ub2c8\ub2e4. \ub610\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ucf54\ub4dc\uc758 \uc774\ubca4\ud2b8 \uc911\uc2ec\uc801 \ud2b9\uc131\uc774 \uac15\ud574\uc9c0\ubbc0\ub85c \ub514\ubc84\uae45\uc774 \ub354 \uc5b4\ub824\uc6cc\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><b>\ube48\ubc88\ud55c \uc5c5\ub370\uc774\ud2b8\uc758 \uc190\uc2e4<\/b>. \ubaa8\ub378\uacfc \ubdf0\ub97c \ubd84\ub9ac\ud55c\ub2e4\uace0 \ud574\uc11c \ubaa8\ub378 \uac1c\ubc1c\uc790\uac00 \ubdf0\uc758 \ud2b9\uc131\uc744 \ubb34\uc2dc\ud560 \uc218 \uc788\ub2e4\ub294 \uc758\ubbf8\ub294 \uc544\ub2d9\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ubaa8\ub378\uc774 \uc790\uc8fc \ubcc0\uacbd\ub418\ub294 \uacbd\uc6b0 \ubdf0\uc5d0 \uc5c5\ub370\uc774\ud2b8 \uc694\uccad\uc774 \uc1c4\ub3c4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub798\ud53d \ub514\uc2a4\ud50c\ub808\uc774\uc640 \uac19\uc740 \uc77c\ubd80 \ubdf0\uc758 \uacbd\uc6b0\ub294 \ub80c\ub354\ub9c1\uc5d0 \uc57d\uac04\uc758 \uc2dc\uac04\uc774 \uc18c\uc694\ub420 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacb0\uacfc \ubdf0\uac00 \uc5c5\ub370\uc774\ud2b8 \uc694\uccad\uc744 \ub530\ub77c\uc7a1\uc9c0 \ubabb\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \ubaa8\ub378\uc744 \ucf54\ub529\ud560 \ub54c\ub3c4 \ubdf0\ub97c \uc5fc\ub450\uc5d0 \ub450\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ubaa8\ub378\uc740 \ubdf0\uc5d0 \uc804\ub2ec\ub418\ub294 \ub2e8\uc77c \ud1b5\ubcf4\uc5d0 \uc5ec\ub7ec \uac1c\uc758 \uc5c5\ub370\uc774\ud2b8\ub97c \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\ubcc0\ud615\ubb38\uc11c-\ubcf4\uae30 \ubcc0\ud615 \ud328\ud134\uc740 MVC(Model-View-Controller) \uc758 \uc138 \uac00\uc9c0 \uc5ed\ud560\uc744 \ubaa8\ub4dc \uc778\uc2dd\ud558\uc9c0\ub9cc \ucee8\ud2b8\ub864\ub7ec\ub97c \ubcf4\uae30\uc5d0 \ubcd1\ud569\ud569\ub2c8\ub2e4. \ubb38\uc11c\ub294 MVC\uc758 \ubaa8\ub378 \uc5ed\ud560\uc5d0 \ud574\ub2f9\ud569\ub2c8\ub2e4. \uc774 \ubcc0\ud615 \ud328\ud134\uc740 \uae30\uc874\uc758 \uc0c1\ub2f9\uc218 GUI \ud50c\ub7ab\ud3fc\uc5d0 \ub098\ud0c0\ub0a9\ub2c8\ub2e4. \ubb38\uc11c-\ubcf4\uae30\uc758 \uac00\uc7a5 \uc88b\uc740 \uc608\ub294 Microsoft Visual C++ \ud658\uacbd\uc758 MFC(Microsoft Foundation Class) \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774 \ubcc0\ud615 \ud328\ud134\uc744 \uc0ac\uc6a9\ud560 \ub54c\ub294 \ubdf0\uc640 \ucee8\ud2b8\ub864\ub7ec\uac00 \uc57d\uac04 \ub354 \uae34\ubc00\ud558\uac8c \uc5f0\uacb0\ub429\ub2c8\ub2e4.\n<p>\uad00\ub828 \ud328\ud134<\/p>\n<p>\uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \uad00\ub828 \ud328\ud134\uc744 \ucc38\uc870\ud558\uc2ed\uc2dc\uc624.<\/li>\n<li><a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesObserver.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\uc635\uc11c\ubc84<\/a>. \uc774 \ud328\ud134\uc740 \ubdf0\uc640 \ud574\ub2f9 \ubaa8\ub378\uc744 \ub3d9\uae30\ud654\uc2dc\ud0ac \ud544\uc694\uc131\uc73c\ub85c \uc778\ud574 MVC\uc640 \uad00\ub828\ub418\uc5b4 \uc790\uc8fc \uc5b8\uae09\ub429\ub2c8\ub2e4.<\/li>\n<li><a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesPageController.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\ub7ec<\/a>\u00a0\ubc0f\u00a0<a class=\"con_link\" href=\"http:\/\/www.microsoft.com\/korea\/msdn\/architecture\/overview\/default.aspx?pull=\/korea\/msdn\/library\/ko-kr\/dnpatterns\/html\/DesFrontController.asp\" target=\"_blank\" rel=\"noopener noreferrer\">\ud504\ub7f0\ud2b8 \ucee8\ud2b8\ub864\ub7ec<\/a>\ub294 MVC \ud328\ud134\uc758 \ucee8\ud2b8\ub864\ub7ec \ubd80\ubd84\uc5d0 \ud544\uc694\ud55c \uad6c\ud604 \uc804\ub7b5\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4.\ucc38\uace0 \uc790\ub8ccMVC(Model-View-Controller) \ub294 1970\ub144\ub300 \ud6c4\ubc18 Trygve Reenskaug\uac00 Smalltalk \ud50c\ub7ab\ud3fc\uc6a9\uc73c\ub85c \uac1c\ubc1c\ud55c \ud504\ub808\uc784\uc6cc\ud06c\ub85c \ucd9c\ubc1c\ud588\uc2b5\ub2c8\ub2e4[Fowler03]. \ubc29\uae08 \uc77d\uc740 \uc774 \ubc84\uc804\uc5d0\uc11c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubb38\uc11c\ub97c \ucc38\uc870\ud569\ub2c8\ub2e4.\n<p>[Burbeck92] Burbeck, Steve. &#8220;Application Programming in Smalltalk-80: How to use Model-View-Controller (MVC).&#8221;University of Illinois in Urbana-Champaign (UIUC) Smalltalk Archive. \ub2e4\uc74c \uc6f9 \uc0ac\uc774\ud2b8\uc5d0\uc11c \uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\u00a0<a class=\"con_link\" href=\"http:\/\/st-www.cs.uiuc.edu\/users\/smarch\/st-docs\/mvc.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/st-www.cs.uiuc.edu\/users\/smarch\/st-docs\/mvc.html (\uc601\ubb38)<\/a>.<\/p>\n<p>[Fowler03] Fowler, Martin. Patterns of Enterprise Application Architecture. Addison-Wesley, 2003.<\/p>\n<p>[Gamma95] Gamma, Helm, Johnson \ubc0f Vlissides. Design Patterns: Elements of Reusable Object-Oriented Software. Addison-Wesley, 1995<\/li>\n<\/ul>\n<p>&nbsp;\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc0c1\ud669 \uc0c1\ub2f9\uc218 \ucef4\ud4e8\ud130 \uc2dc\uc2a4\ud15c\uc758 \uc6a9\ub3c4\ub294 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac80\uc0c9\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ub370\uc774\ud130\ub97c \ubcc0\uacbd\ud558\uba74 \ubcc0\uacbd\ub41c \ub370\uc774\ud130\ub294 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc5d0 \uc800\uc7a5\ub429\ub2c8\ub2e4. \uc815\ubcf4\uac00 \uc8fc\ub85c \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uc640 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc0ac\uc774\uc5d0 \uc804\ub2ec\ub418\ubbc0\ub85c \uc774 \ub450 \uac1c\uccb4\ub97c \uc11c\ub85c \uc5f0\uacb0\ud558\uc5ec \ucf54\ub529\uc758 \uc591\uc744 \uc904\uc774\uace0 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub824\uace0 \ud560 \uac83\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774 \uc790\uc5f0\uc2a4\ub7ec\uc6cc \ubcf4\uc774\ub294 \ubc29\ubc95\uc5d0\ub3c4 \uba87 \uac00\uc9c0 \uc911\uc694\ud55c \ubb38\uc81c\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud55c \uac00\uc9c0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[81,13],"tags":[64],"class_list":["post-736","post","type-post","status-publish","format-standard","hentry","category-area","category-programming","tag-programming"],"_links":{"self":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts\/736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=736"}],"version-history":[{"count":1,"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts\/736\/revisions"}],"predecessor-version":[{"id":2210,"href":"http:\/\/yoonhada.com\/index.php?rest_route=\/wp\/v2\/posts\/736\/revisions\/2210"}],"wp:attachment":[{"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=736"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yoonhada.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}