{"id":2350,"date":"2026-09-05T17:12:14","date_gmt":"2026-09-05T17:12:14","guid":{"rendered":"https:\/\/wayhope.kro.kr\/?p=2350"},"modified":"2026-09-05T17:12:14","modified_gmt":"2026-09-05T17:12:14","slug":"mvc-mvp-mvvm-%ea%b5%ac%ec%a1%b0-%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/wayhope.kro.kr\/?p=2350","title":{"rendered":"MVC, MVP, MVVM \uad6c\uc870 \uc815\ub9ac"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">MVC, MVP, MVVM\uc740 \ubaa8\ub450 \ud654\uba74\uc744 \ub2f4\ub2f9\ud558\ub294 View\uc640 \uc2e4\uc81c \ub370\uc774\ud130 \ubc0f \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \ubd84\ub9ac\ud558\uae30 \uc704\ud55c \uc544\ud0a4\ud14d\ucc98 \ud328\ud134\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc138 \ud328\ud134\uc758 \ucc28\uc774\ub97c \ub2e8\uc21c\ud788 &#8220;Controller\ub0d0 Presenter\ub0d0 ViewModel\uc774\ub0d0&#8221;\ub85c \ubcf4\uba74 \uad6c\uc870\ub9cc \uc678\uc6b0\uac8c \ub41c\ub2e4. \uc2e4\uc81c \ucc28\uc774\ub294 <strong>View\uac00 \uc5b4\ub514\uae4c\uc9c0 \ucc45\uc784\uc744 \uac00\uc9c0\uace0 \uc788\ub294\uc9c0, \uc0c1\ud0dc\ub97c \ub204\uac00 \uad00\ub9ac\ud558\ub294\uc9c0, View\uc640 \uc911\uac04 \uacc4\uce35\uc774 \uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c \ud1b5\uc2e0\ud558\ub294\uc9c0<\/strong>\uc5d0 \uc788\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud575\uc2ec \uad6c\uc870 \ube44\uad50<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud328\ud134<\/th><th>\uc911\uac04 \uacc4\uce35<\/th><th>\ud575\uc2ec \uc5ed\ud560<\/th><th>View\uc640\uc758 \uad00\uacc4<\/th><\/tr><\/thead><tbody><tr><td>MVC<\/td><td>Controller<\/td><td>\uc785\ub825\uc744 \ubc1b\uc544 Model\uc744 \ubcc0\uacbd\ud558\uace0 View \ud750\ub984\uc744 \uc81c\uc5b4<\/td><td>View\uac00 Model\uc744 \uc9c1\uc811 \ucc38\uc870\ud558\ub294 \ud615\ud0dc\uac00 \ud754\ud568<\/td><\/tr><tr><td>MVP<\/td><td>Presenter<\/td><td>View\uc758 \uc785\ub825\uacfc \ud654\uba74 \uac31\uc2e0\uc744 \ubaa8\ub450 \uc911\uc7ac<\/td><td>Presenter\uac00 View\ub97c \uc9c1\uc811 \uc81c\uc5b4<\/td><\/tr><tr><td>MVVM<\/td><td>ViewModel<\/td><td>View\uc5d0 \ud544\uc694\ud55c \uc0c1\ud0dc\uc640 \uba85\ub839\uc744 \uc81c\uacf5<\/td><td>Binding\uc744 \ud1b5\ud574 View\uc640 \uc0c1\ud0dc\ub97c \uc5f0\uacb0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ud575\uc2ec\uc801\uc778 \ucc28\uc774\ub294 <strong>\ud654\uba74 \uac31\uc2e0\uc744 \ub204\uac00 \uc8fc\ub3c4\ud558\ub290\ub0d0<\/strong>\uc5d0 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVC\uc5d0\uc11c\ub294 View\uac00 Model\uc744 \uc77d\uc5b4 \ud654\uba74\uc744 \uad6c\uc131\ud558\ub294 \uad6c\uc870\uac00 \ud754\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVP\uc5d0\uc11c\ub294 Presenter\uac00 \ud544\uc694\ud55c \ub370\uc774\ud130\ub97c \uac00\uc838\uc628 \ub4a4 View\uc5d0\uac8c \ubb34\uc5c7\uc744 \ud45c\uc2dc\ud560\uc9c0 \uc9c1\uc811 \uc9c0\uc2dc\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc5d0\uc11c\ub294 ViewModel\uc758 \uc0c1\ud0dc\uac00 \ubcc0\uacbd\ub418\uace0, Data Binding\uc774\ub098 Reactive \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 View\uac00 \uadf8 \ubcc0\ud654\ub97c \ubc18\uc601\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc \uc774 \uad6c\uc870\ub294 \ud504\ub808\uc784\uc6cc\ud06c\ub098 \uad6c\ud604 \ubc29\uc2dd\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9c8 \uc218 \uc788\ub2e4. MVC\ub77c\uace0 \ud574\uc11c \ubc18\ub4dc\uc2dc View\uac00 Model\uc744 \uc9c1\uc811 \ucc38\uc870\ud574\uc57c \ud558\ub294 \uac83\ub3c4 \uc544\ub2c8\uace0, MVVM\uc774\ub77c\uace0 \ud574\uc11c \ubc18\ub4dc\uc2dc \ud2b9\uc815 \ud615\ud0dc\uc758 Binding \uae30\uc220\uc744 \uc0ac\uc6a9\ud574\uc57c \ud558\ub294 \uac83\ub3c4 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVC<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVC\ub294 Model, View, Controller \uc138 \uc601\uc5ed\uc73c\ub85c \ucc45\uc784\uc744 \ub098\ub208\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc77c\ubc18\uc801\uc778 \ud750\ub984\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; Controller -&gt; Model \ubcc0\uacbd\/\uc870\ud68c -&gt; View \ub80c\ub354\ub9c1<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controller\ub294 \uc0ac\uc6a9\uc790\uc758 \uc694\uccad\uc774\ub098 \uc785\ub825\uc744 \ubc1b\uc544 \uc801\uc808\ud55c \ub3d9\uc791\uc744 \uc218\ud589\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub85c\uadf8\uc778\uc774\ub77c\uba74 Controller\uac00 \ub85c\uadf8\uc778 \uc694\uccad\uc744 \ubc1b\uace0 \uc778\uc99d \ub85c\uc9c1\uc774\ub098 \uc11c\ube44\uc2a4\ub97c \ud638\ucd9c\ud55c \ub2e4\uc74c \uacb0\uacfc\uc5d0 \ub530\ub77c View\ub97c \uacb0\uc815\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c \uc911\uc694\ud55c \ubd80\ubd84\uc740 MVC\uc758 Model\uc744 \ub2e8\uc21c\ud788 \ud558\ub098\uc758 \ub370\uc774\ud130 \ud074\ub798\uc2a4\ub77c\uace0 \uc0dd\uac01\ud558\uba74 \uc548 \ub41c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Model\uc740 \uad6c\ud604 \ubc29\uc2dd\uc5d0 \ub530\ub77c \ub370\uc774\ud130\ubfd0\ub9cc \uc544\ub2c8\ub77c \ub3c4\uba54\uc778 \uc0c1\ud0dc\uc640 \ube44\uc988\ub2c8\uc2a4 \uaddc\uce59\uae4c\uc9c0 \ud3ec\ud568\ud560 \uc218 \uc788\ub2e4. \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 <code>User<\/code>, <code>Order<\/code>, <code>Product<\/code>\ucc98\ub7fc \uc5ec\ub7ec \ub3c4\uba54\uc778 \uac1d\uccb4\uc640 Repository, Service \ub4f1\uc758 \uacc4\uce35\uc73c\ub85c \ub098\ub258\uae30\ub3c4 \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0 <code>Model<\/code>\uc774\ub77c\ub294 \ud074\ub798\uc2a4 \ud558\ub098\uc640 <code>Controller<\/code> \ud558\ub098\ub9cc \uc874\uc7ac\ud558\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uae30\ub2a5\uc774\ub098 \ub3c4\uba54\uc778\uc5d0 \ub530\ub77c \uc5ec\ub7ec \uac1d\uccb4\uac00 \uc874\uc7ac\ud558\uba70, Controller \uc5ed\uc2dc \ud654\uba74\uc774\ub098 \uc694\uccad \ub2e8\uc704\ub85c \uc5ec\ub7ec \uac1c\uac00 \ub9cc\ub4e4\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVC\uc758 \ud2b9\uc9d5<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MVC\uc758 \uac00\uc7a5 \ud070 \uc7a5\uc810\uc740 \uad6c\uc870\uac00 \ub2e8\uc21c\ud558\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9 \uc11c\ubc84\ub098 \uc804\ud1b5\uc801\uc778 GUI \ud504\ub85c\uadf8\ub7a8\ucc98\ub7fc \uc694\uccad\uc744 \ubc1b\uc544 \ucc98\ub9ac\ud558\uace0 \uacb0\uacfc\ub97c \ub80c\ub354\ub9c1\ud558\ub294 \uad6c\uc870\uc5d0\uc11c\ub294 \uc0c1\ub2f9\ud788 \uc790\uc5f0\uc2a4\ub7fd\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc18\ub300\ub85c \ud654\uba74\uc758 \uc0c1\ud0dc\uac00 \ubcf5\uc7a1\ud574\uc9c0\uba74 \ubb38\uc81c\uac00 \uc0dd\uae38 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\uac00 Model\uc744 \uc9c1\uc811 \ucc38\uc870\ud558\uace0 Controller\uae4c\uc9c0 \ubcf5\uc7a1\ud558\uac8c \uc5bd\ud788\uae30 \uc2dc\uc791\ud558\uba74 \uc5b4\ub290 \ucf54\ub4dc\uac00 \uc0c1\ud0dc\ub97c \ubcc0\uacbd\ud558\ub294\uc9c0 \ucd94\uc801\ud558\uae30 \uc5b4\ub824\uc6cc\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d MVC \uc790\uccb4\uac00 \ubb38\uc81c\uac00 \uc544\ub2c8\ub77c <strong>\ucc45\uc784 \uacbd\uacc4\uac00 \ubb34\ub108\uc9c0\uba74\uc11c View, Controller, Model \uc0ac\uc774\uc758 \uc758\uc874\uc131\uc774 \uc99d\uac00\ud558\ub294 \uac83<\/strong>\uc774 \ubb38\uc81c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVP\uc5d0\uc11c\ub294 Controller \ub300\uc2e0 Presenter\uac00 View\uc640 Model \uc0ac\uc774\uc5d0 \ub4e4\uc5b4\uac04\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uae30\ubcf8\uc801\uc778 \ud750\ub984\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; View -&gt; Presenter -&gt; Model\/Service -&gt; Presenter -&gt; View \uac31\uc2e0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c Presenter\uc758 \uc5ed\ud560\uc774 MVC\uc758 Controller\uc640 \uc870\uae08 \ub2e4\ub974\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presenter\ub294 \ub2e8\uc21c\ud788 \uc785\ub825\uc744 \uc804\ub2ec\ud558\ub294 \uc5ed\ud560\ub9cc \ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c <strong>\ud654\uba74\uc5d0 \uc5b4\ub5a4 \uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud574\uc57c \ud558\ub294\uc9c0\uae4c\uc9c0 \ud310\ub2e8<\/strong>\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub85c\uadf8\uc778 \uacb0\uacfc\uac00 \uc131\uacf5\uc774\uba74 \ub85c\uadf8\uc778 \ud654\uba74\uc744 \ub2eb\uace0 \uba54\uc778 \ud654\uba74\uc744 \ubcf4\uc5ec\uc8fc\uace0, \uc2e4\ud328\ud558\uba74 \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ud45c\uc2dc\ud558\ub3c4\ub85d Presenter\uac00 \uacb0\uc815\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\ub294 \uac00\ub2a5\ud55c \ud55c \ud654\uba74\uc744 \uadf8\ub9ac\ub294 \uc5ed\ud560\uc5d0 \uc9d1\uc911\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc740 \uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Presenter -&gt; View.ShowLoginSuccess()<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Presenter -&gt; View.ShowError(message)<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\ub294 \uc804\ub2ec\ubc1b\uc740 \uba85\ub839\uc5d0 \ub530\ub77c \uc2e4\uc81c UI\ub97c \ubcc0\uacbd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ub54c\ubb38\uc5d0 MVP\uc5d0\uc11c\ub294 View\uc640 Presenter \uc0ac\uc774\uc758 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uba85\ud655\ud558\uac8c \uc815\uc758\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVP\uc5d0\uc11c DTO\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc774\uc720<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MVP\ub97c \uc124\uba85\ud558\uba74\uc11c &#8220;DTO\uac00 Model\uc744 \ub300\uccb4\ud55c\ub2e4&#8221;\uace0 \ud45c\ud604\ud558\uba74 \uc870\uae08 \uc704\ud5d8\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DTO\ub294 \uc5b4\ub514\uae4c\uc9c0\ub098 <strong>\ub370\uc774\ud130 \uc804\ub2ec \uac1d\uccb4<\/strong>\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presenter\uac00 DTO\ub97c \ubc1b\uc544 View\uc5d0 \ud544\uc694\ud55c \uac12\uc744 \uc804\ub2ec\ud558\ub294 \uac83\uc740 \ucda9\ubd84\ud788 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \uc11c\ubc84\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc740 DTO\uac00 \ub0b4\ub824\uc654\ub2e4\uace0 \ud558\uc790.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>LoginResultDto -&gt; UserName, ProfileImage, IsAdmin<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presenter\ub294 \uc774 \ub370\uc774\ud130\ub97c \ud574\uc11d\ud558\uace0 View\uc5d0 \ud544\uc694\ud55c \ud615\ud0dc\ub85c \uc804\ub2ec\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uadf8\ub807\ub2e4\uace0 DTO\uac00 Model\uacfc \ub3d9\uc77c\ud55c \uc5ed\ud560\uc744 \ud558\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Model\uc774 \ub3c4\uba54\uc778 \uaddc\uce59\uacfc \uc0c1\ud0dc\ub97c \ud3ec\ud568\ud558\uace0 \uc788\ub2e4\uba74 DTO\ub294 \uadf8\uac83\uc744 \ub300\uccb4\ud558\uc9c0 \ubabb\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uc815\ud655\ud558\uac8c \ud45c\ud604\ud558\uba74 <strong>MVP\uc5d0\uc11c\ub294 View\uc640 Model \uc0ac\uc774\uc758 \ub370\uc774\ud130 \uc804\ub2ec \uacfc\uc815\uc5d0\uc11c DTO\ub97c \uc801\uadf9\uc801\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \ud654\uba74\uc5d0 \ud544\uc694\ud55c \ub2e8\uc21c \ub370\uc774\ud130\ub9cc \ud544\uc694\ud558\ub2e4\uba74 Presenter\uac00 DTO\ub97c \uc9c1\uc811 \ub2e4\ub8e8\ub294 \uad6c\uc870\ub3c4 \uac00\ub2a5\ud558\ub2e4<\/strong> \uc815\ub3c4\uac00 \uc801\uc808\ud558\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVP\uc758 \uc7a5\uc810<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uac00\uc7a5 \ud070 \uc7a5\uc810\uc740 View\uc640 \ube44\uc988\ub2c8\uc2a4 \ucc98\ub9ac\uc758 \ubd84\ub9ac\uac00 \uba85\ud655\ud558\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 UI \ud14c\uc2a4\ud2b8\uac00 \uc911\uc694\ud55c \ud658\uacbd\uc5d0\uc11c\ub294 Presenter\uc758 \ub85c\uc9c1\uc744 View\uc640 \ubd84\ub9ac\ud574\uc11c \ud14c\uc2a4\ud2b8\ud558\uae30 \uc27d\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \ubb38\uc81c\uac00 \ud558\ub098 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud654\uba74\uc774 \ubcf5\uc7a1\ud574\uc9c8\uc218\ub85d Presenter\uac00 \ubaa8\ub4e0 \uac83\uc744 \ucc98\ub9ac\ud558\uac8c \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\uc790 \uc785\ub825 \ucc98\ub9ac, \ub370\uc774\ud130 \uc870\ud68c, \uc0c1\ud0dc \ud310\ub2e8, \ud654\uba74 \uac31\uc2e0, \uc624\ub958 \ucc98\ub9ac\uae4c\uc9c0 Presenter\uc5d0 \ubab0\ub9ac\uba74 \uacb0\uad6d \uac70\ub300\ud55c Presenter\uac00 \ub9cc\ub4e4\uc5b4\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>LoginPresenter.cs<\/code>\uac00 \uc218\ucc9c \uc904\uc774 \ub418\ub294 \uc0c1\ud669\ub3c4 \ucda9\ubd84\ud788 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d MVP \uc5ed\uc2dc Presenter \ub0b4\ubd80\uc758 \ucc45\uc784\uc744 \uc801\uc808\ud55c Service\ub098 UseCase \ub4f1\uc73c\ub85c \ubd84\ub9ac\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVVM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc740 Model, View, ViewModel\ub85c \uad6c\uc131\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud575\uc2ec\uc740 Presenter\ucc98\ub7fc View\ub97c \uc9c1\uc811 \uc870\uc791\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc810\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc77c\ubc18\uc801\uc778 \ud750\ub984\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; View -&gt; Command\/ViewModel -&gt; \uc0c1\ud0dc \ubcc0\uacbd -&gt; Data Binding -&gt; View \uac31\uc2e0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc740 View\uc5d0 \ud544\uc694\ud55c \ub370\uc774\ud130\ub97c \uc0c1\ud0dc \ud615\ud0dc\ub85c \uc81c\uacf5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc740 \uc0c1\ud0dc\uac00 \uc788\ub2e4\uace0 \ud558\uc790.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UserName<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>IsLoggedIn<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>IsLoading<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ErrorMessage<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\ub294 \uc774 \uac12\ub4e4\uacfc Binding\ub418\uc5b4 \uc788\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc5d0\uc11c <code>IsLoading<\/code>\uc758 \uac12\uc744 \ubcc0\uacbd\ud558\uba74 Binding \uc2dc\uc2a4\ud15c\uc774 \uc774\ub97c \uac10\uc9c0\ud558\uace0 View\uc758 \ub85c\ub529 UI\ub97c \ubcc0\uacbd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c Presenter \ubc29\uc2dd\ucc98\ub7fc<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Presenter -&gt; View.ShowLoading()<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Presenter -&gt; View.HideLoading()<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucc98\ub7fc View\ub97c \uc9c1\uc811 \uc81c\uc5b4\ud560 \ud544\uc694\uac00 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc740 &#8220;\ub85c\ub529 \uc0c1\ud0dc\ub2e4&#8221;\ub77c\ub294 \uc0c1\ud0dc\ub9cc \ubcc0\uacbd\ud558\uace0 \uc2e4\uc81c \ud654\uba74 \ud45c\ud604\uc740 View\uac00 \ub2f4\ub2f9\ud55c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVVM\uc5d0\uc11c \uac00\uc7a5 \uc911\uc694\ud55c \uac1c\ub150\uc740 Binding\uc774\ub2e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc758 \ud575\uc2ec\uc744 \ub2e8\uc21c\ud788 &#8220;ViewModel\uc774\ub77c\ub294 \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\ub294 \ud328\ud134&#8221;\uc73c\ub85c \ubcf4\uba74 \uc548 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc911\uc694\ud55c \uac83\uc740 <strong>View\uc640 ViewModel \uc0ac\uc774\uc758 \uc0c1\ud0dc \ub3d9\uae30\ud654 \ubc29\uc2dd<\/strong>\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc804\ud615\uc801\uc778 \uad6c\uc870\uc5d0\uc11c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uad00\uacc4\uac00 \ub9cc\ub4e4\uc5b4\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>View &lt;-&gt; Data Binding &lt;-&gt; ViewModel<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc758 \uc0c1\ud0dc\uac00 \ubcc0\uacbd\ub418\uba74 View\uac00 \uc774\ub97c \ubc18\uc601\ud558\uace0, \ubc18\ub300\ub85c View\uc758 \uc785\ub825\uc774 ViewModel\uc758 \uc18d\uc131\uc774\ub098 Command\ub85c \uc804\ub2ec\ub420 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\uac00 \uc81c\ub300\ub85c \ub3d9\uc791\ud558\ub824\uba74 \ub2e8\uc21c\ud55c \ub370\uc774\ud130 \ud544\ub4dc\ub9cc\uc73c\ub85c\ub294 \ubd80\uc871\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0c1\ud0dc \ubcc0\uacbd\uc744 \uac10\uc9c0\ud560 \uc218 \uc788\ub294 Observable Property, Event, Reactive Stream \ub4f1\uc758 \uba54\ucee4\ub2c8\uc998\uc774 \ud544\uc694\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc \uc774\uac83\uc774 Model \uc790\uccb4\uc5d0 \ubc18\ub4dc\uc2dc \ud544\uc694\ud55c \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>MVVM\uc5d0\uc11c \ubc18\uc751\ud615 \uc0c1\ud0dc\ub97c \ub2f4\ub2f9\ud558\ub294 \uc8fc\uccb4\ub294 \uc77c\ubc18\uc801\uc73c\ub85c ViewModel\uc774\ub2e4.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Model\uc774\ub098 DTO\uac00 \ubc18\ub4dc\uc2dc \ubcc0\uacbd \uc774\ubca4\ud2b8\ub97c \uac00\uc9c0\uace0 \uc788\uc5b4\uc57c \ud558\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubd80\ubd84\uc740 MVVM\uc744 \uc774\ud574\ud560 \ub54c \uaf64 \uc911\uc694\ud55c \ucc28\uc774\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVC\uc640 MVP\uc758 \ucc28\uc774<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub458\uc740 \uc0c1\ub2f9\ud788 \ube44\uc2b7\ud574 \ubcf4\uc778\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c \ub9ce\uc740 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c Controller\uc640 Presenter\uc758 \uc5ed\ud560\uc774 \uacb9\uce58\uae30\ub3c4 \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucc28\uc774\ub97c \ub2e8\uc21c\ud654\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVC\ub294 View\uac00 Model\uacfc \uc0c1\ud638\uc791\uc6a9\ud558\ub294 \uad6c\uc870\uac00 \ube44\uad50\uc801 \ud5c8\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Controller -&gt; Model -&gt; View<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc18\uba74 MVP\uc5d0\uc11c\ub294 Presenter\uac00 View\uc640 Model \uc0ac\uc774\ub97c \uc801\uadf9\uc801\uc73c\ub85c \uc911\uc7ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>View &lt;-&gt; Presenter &lt;-&gt; Model<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c MVP\uc5d0\uc11c\ub294 View\uac00 Model\uc758 \ub0b4\ubd80 \uad6c\uc870\ub97c \uc54c \ud544\uc694\uac00 \uc5c6\ub3c4\ub85d \ub9cc\ub4e4\uae30 \uc27d\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\uc2e0 Presenter\uc640 View \uc0ac\uc774\uc758 \uacb0\ud569\ub3c4\uac00 \uc62c\ub77c\uac04\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">MVP\uc640 MVVM\uc758 \ucc28\uc774<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub458\uc758 \ucc28\uc774\ub294 \ub354 \uba85\ud655\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVP\uc5d0\uc11c\ub294 Presenter\uac00 View\ub97c \uc9c1\uc811 \uc81c\uc5b4\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Presenter -&gt; View<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>View.ShowUserName(name)<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>View.ShowError(message)<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 \ud638\ucd9c\uc774 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc5d0\uc11c\ub294 ViewModel\uc774 View\ub97c \uc9c1\uc811 \ud638\ucd9c\ud558\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\uc2e0 \uc0c1\ud0dc\ub97c \ubcc0\uacbd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ViewModel -&gt; State \ubcc0\uacbd -&gt; Binding -&gt; View<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c ViewModel\uc740 \ud2b9\uc815 UI \uad6c\ud604\uc5d0 \ub300\ud55c \uc758\uc874\uc131\uc744 \uc904\uc77c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870 \ub54c\ubb38\uc5d0 MVVM\uc740 UI \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 Data Binding\uc774\ub098 Reactive \uc2dc\uc2a4\ud15c\uacfc \uad81\ud569\uc774 \uc88b\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">ViewModel\uc774 \ub9ce\uc544\uc9c0\ub294 \ubb38\uc81c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc744 \uc801\uc6a9\ud558\uba74 \ud654\uba74\ub9c8\ub2e4 ViewModel\uc744 \ub9cc\ub4dc\ub294 \uad6c\uc870\uac00 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub098\uc628\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>LoginView -&gt; LoginViewModel<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>InventoryView -&gt; InventoryViewModel<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ShopView -&gt; ShopViewModel<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>QuestView -&gt; QuestViewModel<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 \uad6c\uc870\uac00 \ub9cc\ub4e4\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud654\uba74\uc774 \ub9ce\uc544\uc9c0\uba74 ViewModel\ub3c4 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub9ce\uc544\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uc774\uac83 \uc790\uccb4\uac00 \ubb38\uc81c\ub77c\uace0 \ubcf4\uae30\ub294 \uc5b4\ub835\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\uc640 ViewModel\uc774 1:1\uc774\ub77c\ub294 \uaddc\uce59\uc774 \uc788\ub294 \uac83\ub3c4 \uc544\ub2c8\uace0, \ubaa8\ub4e0 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 ViewModel\uc5d0 \uc9d1\uc5b4\ub123\uc5b4\uc57c \ud558\ub294 \uac83\ub3c4 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc624\ud788\ub824 \ubcf5\uc7a1\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \ucc45\uc784\uc744 \ubd84\ub9ac\ud558\ub294 \ud3b8\uc774 \ub0ab\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>View -&gt; ViewModel -&gt; UseCase\/Service -&gt; Repository -&gt; Data Source<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc740 \ud654\uba74 \uc0c1\ud0dc\uc640 \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \uad00\ub9ac\ud558\uace0, \uc2e4\uc81c \uc5c5\ubb34 \uaddc\uce59\uc740 UseCase\ub098 Service\uac00 \ub2f4\ub2f9\ud558\ub3c4\ub85d \ub9cc\ub4e0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub7ec\uba74 ViewModel\uc774 \uc9c0\ub098\uce58\uac8c \ube44\ub300\ud574\uc9c0\ub294 \uac83\uc744 \ub9c9\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uc804\uc5ed \uc0c1\ud0dc \uad00\ub9ac\uc640 MVVM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ud654\uba74\ub9c8\ub2e4 ViewModel\uc744 \ub9cc\ub4e4\ub2e4 \ubcf4\uba74 \uc5ec\ub7ec \ud654\uba74\uc5d0\uc11c \uacf5\uc720\ud574\uc57c \ud558\ub294 \uc0c1\ud0dc\uac00 \uc0dd\uae34\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub85c\uadf8\uc778 \uc0ac\uc6a9\uc790 \uc815\ubcf4, \uc778\ubca4\ud1a0\ub9ac, \uc124\uc815\uac12, \uc11c\ubc84 \uc5f0\uacb0 \uc0c1\ud0dc \uac19\uc740 \ub370\uc774\ud130\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \ub370\uc774\ud130\ub97c \uac01\uac01\uc758 ViewModel\uc5d0\uc11c \ub530\ub85c \uad00\ub9ac\ud558\uba74 \uc0c1\ud0dc \ub3d9\uae30\ud654 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \ud504\ub85c\uc81d\ud2b8 \uc131\uaca9\uc5d0 \ub530\ub77c \uc804\uc5ed Store\ub098 \uc0c1\ud0dc \uad00\ub9ac \uc2dc\uc2a4\ud15c\uc744 \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30\ub3c4 \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc Redux\ub098 Pinia \uac19\uc740 \uc0c1\ud0dc \uad00\ub9ac \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uace0 \ud574\uc11c MVVM\uc758 ViewModel\uc774 \ud544\uc694 \uc5c6\uc5b4\uc9c0\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac01\uac01 \ud574\uacb0\ud558\ub824\ub294 \ubb38\uc81c\uac00 \ub2e4\ub974\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc740 <strong>\ud2b9\uc815 View\uc5d0\uc11c \ud544\uc694\ud55c \uc0c1\ud0dc\uc640 \ub3d9\uc791\uc744 \ud45c\ud604\ud558\ub294 \uc5ed\ud560<\/strong>\uc5d0 \uac00\uae5d\uace0, \uc804\uc5ed Store\ub294 <strong>\uc5ec\ub7ec \ud654\uba74\uc5d0\uc11c \uacf5\uc720\ub418\ub294 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\ub294 \uc5ed\ud560<\/strong>\uc5d0 \uac00\uae5d\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ub85c\uadf8\uc778 \uae30\ub2a5\uc73c\ub85c \ube44\uad50<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 \ub85c\uadf8\uc778 \uae30\ub2a5\uc744 \uc138 \ud328\ud134\uc73c\ub85c \uc0dd\uac01\ud574\ubcf4\uba74 \ucc28\uc774\uac00 \ub354 \uba85\ud655\ud558\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVC<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; Controller -&gt; \uc778\uc99d \ucc98\ub9ac -&gt; Model \ubcc0\uacbd -&gt; View \ub80c\ub354\ub9c1<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controller\uac00 \uc694\uccad\uc744 \ubc1b\uc544 \uc778\uc99d\uc744 \uc218\ud589\ud558\uace0 \uacb0\uacfc\uc5d0 \ub530\ub77c View\ub97c \uc120\ud0dd\ud558\uac70\ub098 Model\uc744 \ubcc0\uacbd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\ub294 \ud544\uc694\ud55c \ub370\uc774\ud130\ub97c Model\uc5d0\uc11c \uc77d\uc5b4 \ud654\uba74\uc744 \uad6c\uc131\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVP<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; View -&gt; Presenter -&gt; \uc778\uc99d \ucc98\ub9ac -&gt; Presenter -&gt; View \uac31\uc2e0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presenter\uac00 \uc778\uc99d \uacb0\uacfc\ub97c \ud310\ub2e8\ud558\uace0 View\uc5d0 \uc9c1\uc811 \uba85\ub839\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ShowLoginSuccess()<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ShowLoginFailure(message)<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucc98\ub7fc \ud654\uba74\uc5d0 \ubb34\uc5c7\uc744 \ud45c\uc2dc\ud560\uc9c0\ub97c Presenter\uac00 \uacb0\uc815\ud55c\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">MVVM<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0ac\uc6a9\uc790 \uc785\ub825 -&gt; View -&gt; ViewModel Command -&gt; \uc778\uc99d \ucc98\ub9ac -&gt; \uc0c1\ud0dc \ubcc0\uacbd -&gt; Binding -&gt; View \uac31\uc2e0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ViewModel\uc740<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>IsLoggedIn = true<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>IsLoading = false<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ErrorMessage = \"\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 \uc0c1\ud0dc\ub97c \ubcc0\uacbd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View\ub294 Binding\uc744 \ud1b5\ud574 \ubcc0\uacbd\ub41c \uc0c1\ud0dc\ub97c \ubc18\uc601\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c \uc911\uc694\ud55c \uac83\uc740 \ub85c\uadf8\uc778 \uc554\ud638\ud654 \uac19\uc740 \ud575\uc2ec \ubcf4\uc548 \ub85c\uc9c1\uc744 Controller, Presenter, ViewModel \uc548\uc5d0 \ubb34\uc870\uac74 \ub123\ub294 \uac83\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\ub77c\uba74 \uc778\uc99d \uc11c\ube44\uc2a4\ub098 UseCase \ub4f1\uc758 \ubcc4\ub3c4 \uacc4\uce35\uc73c\ub85c \ubd84\ub9ac\ud558\ub294 \ud3b8\uc774 \ud6e8\uc52c \ub0ab\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uacb0\uad6d \uc138 \ud328\ud134\uc758 \ucc28\uc774\ub294 \ucc45\uc784 \ubc30\uce58\ub2e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">MVC, MVP, MVVM\uc744 \uc678\uc6b0\ub294 \uac00\uc7a5 \uc88b\uc740 \ubc29\ubc95\uc740 \uc57d\uc5b4\ub97c \uc678\uc6b0\ub294 \uac83\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;\ud654\uba74\uacfc \ub370\uc774\ud130\ub97c \ub204\uac00 \uc5b4\ub5bb\uac8c \uc5f0\uacb0\ud558\ub294\uac00?&#8221;<\/strong>\ub97c \ubcf4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVC\ub294 Controller\uac00 \uc785\ub825\uacfc \ud750\ub984\uc744 \uc81c\uc5b4\ud558\uace0 View\uc640 Model \uc0ac\uc774\uc758 \uc9c1\uc811\uc801\uc778 \uc0c1\ud638\uc791\uc6a9\uc774 \ube44\uad50\uc801 \ud5c8\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVP\ub294 Presenter\uac00 View\uc640 Model \uc0ac\uc774\ub97c \uac15\ud558\uac8c \uc911\uc7ac\ud55c\ub2e4. View\ub294 \uc218\ub3d9\uc801\uc778 UI\uc5d0 \uac00\uae4c\uc6cc\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">MVVM\uc740 ViewModel\uc774 \ud654\uba74\uc5d0 \ud544\uc694\ud55c \uc0c1\ud0dc\ub97c \uc81c\uacf5\ud558\uace0 Binding\uc744 \ud1b5\ud574 View\uc640 \uc0c1\ud0dc\ub97c \ub3d9\uae30\ud654\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc815\ub9ac\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>MVC -&gt; Controller\uac00 \ud750\ub984\uc744 \uc81c\uc5b4<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>MVP -&gt; Presenter\uac00 View\ub97c \uc9c1\uc811 \uc81c\uc5b4<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>MVVM -&gt; ViewModel\uc774 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\uace0 Binding\uc73c\ub85c View\ub97c \uac31\uc2e0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub9ac\uace0 \uc2e4\ubb34\uc5d0\uc11c\ub294 \uc774 \uc138 \uac00\uc9c0\ub97c \uad50\uacfc\uc11c\ucc98\ub7fc \uadf8\ub300\ub85c \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0\ubcf4\ub2e4 \ud504\ub85c\uc81d\ud2b8 \ud2b9\uc131\uc5d0 \ub9de\uac8c \uc11e\uc5b4\uc11c \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc911\uc694\ud55c \uac83\uc740 \ud328\ud134\uc758 \uc774\ub984\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ubcc0\uacbd\uc774 \ubc1c\uc0dd\ud588\uc744 \ub54c \uc5b4\ub514\uc758 \ucf54\ub4dc\ub97c \uc218\uc815\ud574\uc57c \ud558\ub294\uac00, \uac01 \uac1d\uccb4\uac00 \uc5b4\ub514\uae4c\uc9c0 \ucc45\uc784\uc838\uc57c \ud558\ub294\uac00, \uadf8\ub9ac\uace0 \uc758\uc874\uc131\uc774 \uc5b4\ub290 \ubc29\ud5a5\uc73c\ub85c \ud758\ub7ec\uac00\ub294\uac00.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d \uc88b\uc740 \uc544\ud0a4\ud14d\ucc98\uc758 \uae30\uc900\uc740 MVC\ub0d0 MVP\ub0d0 MVVM\uc774\ub0d0\uac00 \uc544\ub2c8\ub77c <strong>\ubcc0\uacbd \ube44\uc6a9\uc744 \uc5bc\ub9c8\ub098 \ub0ae\ucd9c \uc218 \uc788\ub290\ub0d0<\/strong>\uc5d0 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub09c \uac1c\uc778\uc801\uc73c\ub85c MVP\uac00 \uae54\ub054\ud574\uc11c \uac00\uc7a5 \uc88b\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>MVC, MVP, MVVM\uc740 \ubaa8\ub450 \ud654\uba74\uc744 \ub2f4\ub2f9\ud558\ub294 View\uc640 \uc2e4\uc81c \ub370\uc774\ud130 \ubc0f \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \ubd84\ub9ac\ud558\uae30 \uc704\ud55c \uc544\ud0a4\ud14d\ucc98 \ud328\ud134\uc774\ub2e4. \uc138 \ud328\ud134\uc758 \ucc28\uc774\ub97c \ub2e8\uc21c\ud788 &#8220;Controller\ub0d0 Presenter\ub0d0 ViewModel\uc774\ub0d0&#8221;\ub85c \ubcf4\uba74 \uad6c\uc870\ub9cc \uc678\uc6b0\uac8c \ub41c\ub2e4. \uc2e4\uc81c \ucc28\uc774\ub294 View\uac00 \uc5b4\ub514\uae4c\uc9c0 \ucc45\uc784\uc744 \uac00\uc9c0\uace0 \uc788\ub294\uc9c0, \uc0c1\ud0dc\ub97c \ub204\uac00 \uad00\ub9ac\ud558\ub294\uc9c0, View\uc640 \uc911\uac04 \uacc4\uce35\uc774 \uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c \ud1b5\uc2e0\ud558\ub294\uc9c0\uc5d0 \uc788\ub2e4. \ud575\uc2ec \uad6c\uc870 \ube44\uad50 \ud328\ud134 \uc911\uac04 \uacc4\uce35 \ud575\uc2ec \uc5ed\ud560 View\uc640\uc758 \uad00\uacc4 MVC [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-2350","post","type-post","status-publish","format-standard","hentry","category-dev-notes"],"_links":{"self":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2350"}],"version-history":[{"count":1,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2350\/revisions"}],"predecessor-version":[{"id":2351,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2350\/revisions\/2351"}],"wp:attachment":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}