{"id":1158,"date":"2021-09-20T13:41:25","date_gmt":"2021-09-20T04:41:25","guid":{"rendered":"https:\/\/blog.enyou.net\/ko\/?p=1158"},"modified":"2021-09-20T18:17:41","modified_gmt":"2021-09-20T09:17:41","slug":"swiftui-viewmodel-1%ea%b0%9c-%ec%9d%b4%ec%83%81-%ed%81%b4%eb%9e%98%ec%8a%a4","status":"publish","type":"post","link":"https:\/\/blog.enyou.net\/ko\/archives\/1158","title":{"rendered":"SwiftUI View\uc5d0 ViewModel \uc5ec\ub7ec \uac1c \uac00\uc9c0\uae30"},"content":{"rendered":"\n

\uc77c\ubc18\uc801\uc778 \uacbd\uc6b0\ub85c \uc0dd\uac01\ud560 \uc218 \uc788\ub294\uc9c0\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc, \ucf54\ub529\uc744 \ud558\ub2e4\ubcf4\ub2c8, \ubdf0 \ud558\ub098\uc5d0 \uae30\ub2a5\uc5d0 \ub530\ub77c ViewModel\uc744 \ubd84\uae30\uc2dc\ucf1c\uc11c \uc5f0\ub3d9\ub418\uac8c \ud558\uace0 \uc2f6\uc740 \uacbd\uc6b0\uac00 \uc0dd\uacbc\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\ubcf4\ud1b5 \uc2a4\uc704\ud504\ud2b8\uc5d0\uc11c \uc774\ub7ec\ud55c \ubb38\uc81c\ub97c \ud480\uae30 \uc704\ud574\uc11c\ub294 Protocol\uc744 \ucc38\uc870\ud558\uac8c \ud558\uac70\ub098, Subclassing\uc73c\ub85c \ud574\uacb0\ud560 \uc218 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc0c1\ud669\uc5d0 \ub530\ub77c \ub2e4\ub974\uaca0\uc9c0\ub9cc, Subclassing\uc758 \uacbd\uc6b0\uc5d0\ub294 \uae30\ubcf8 \uad6c\ud604\uc744 \ud1b5\ud574 \ubcc0\ud654\ub97c \uc8fc\uae30\ub294 \ud3b8\ub9ac\ud558\uc9c0\ub9cc, Overriding\uc73c\ub85c \ucf54\ub4dc\uac00 \uc218\uc815\ub418\uace0, \uae30\ub2a5\uc774 \ucd94\uac00\ub420 \uc218\ub85d \ud30c\uc545\ud558\uae30 \uc5b4\ub824\uc6b4 \uc810\uc774 \uc788\uc5b4\uc11c Protocol\uc744 \uc774\uc6a9\ud574\uc11c \ud574\uacb0\ud574\ubcf4\ub824\uace0 \ud588\uc2b5\ub2c8\ub2e4. Protocol\uc758 \uacbd\uc6b0\uc5d0\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub85c \uc815\uc758\ud55c \uac83\ub9cc \uad6c\ud604\ud574\uc8fc\uba74 \ub2e4\ub978 \ud074\ub798\uc2a4\uc640\uc758 \uc0c1\ud638 \uc791\uc6a9 \ubb38\uc81c\uac00 \uc5c6\uc5b4\uc11c \uc7a5\uae30\uc801\uc73c\ub85c \ubcfc \ub54c, \ub354 \uae54\ub054\ud558\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

Protocol\uc744 \uc774\uc6a9\ud574 \uad6c\ud604<\/h2>\n\n\n\n

\uadf8\ub7ec\ub098 \ud504\ub85c\ud1a0\ucf5c\uc744 \uc774\uc6a9\ud574\uc11c \uad6c\ud604\ud558\ub824\uace0 \ud558\ub2c8 \uc989\uac01\uc801\uc73c\ub85c \uba87 \uac00\uc9c0 \ubb38\uc81c\uc810\uc744 \ub9cc\ub0a0 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

PropertyWrapper\uc758 \uc0ac\uc6a9\uc131\uc774 \uc800\ud558<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

PropertyWrapper\ub97c Protocol\uc758 \uc815\uc758\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc65c\ub0d0\ud558\uba74 PropertyWrapper\ub294 \uc9c1\uc811\uc801\uc73c\ub85c \uc6b0\ub9ac\uac00 \uad6c\ud604\ud558\ub294 \uac8c \uc544\ub2c8\ub77c, \ub798\ud37c\ud615 \uc790\ub8cc\ub97c \ud3b8\uc758 \uc0dd\uc131\ud558\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc8fc\ub294 \uc608\uc57d\uc5b4\uc774\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \uc2a4\uc704\ud504\ud2b8 \ud3ec\ub7fc\uc5d0\uc11c\ub3c4 \uc774\uc57c\uae30\uac00 \ub098\uc654\uc9c0\ub9cc<\/a>, \uad6c\uccb4\uc801\uc778 \uad6c\ud604 \ubc29\ubc95\uc740 \uc544\uc9c1 \ub17c\uc758\uc911\uc778 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"
\ucc28\uc120\ucc45\uc73c\ub85c Protocol\uc5d0 value, published, publisher\ub97c \ubaa8\ub450 \uc120\uc5b8\ud55c\ub2e4\uc74c \uad6c\ud604\ud574\uc8fc\ub294 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4\ub9cc, \uac00\ub3c5\uc131\uc774 \uc800\ud558\ub420 \ubfd0\ub9cc \uc544\ub2c8\ub77c, PropertyWrapper\uac00 \uc81c\uacf5\ud558\ub294 \uc608\uc57d\uc5b4\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. @Published property wrapper\ub97c \uc774\uc6a9\ud574\uc11c \ub9ce\uc740 publisher\ub97c \uc0ac\uc6a9\ud560 \uc218 \ubc16\uc5d0 \uc5c6\ub294 SwiftUI \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\uc11c \uc774\ub294 \ub9e4\uc6b0 \ubd88\ud3b8\ud569\ub2c8\ub2e4.<\/figcaption><\/figure>\n\n\n\n

Observed(State)Object\uc640 EnvironmentObject\ub85c \uc0ac\uc6a9<\/h3>\n\n\n\n

\uc704\uc758 PropertyWrapper \ubb38\uc81c\ub97c \uc548\uace0 \uac04\ub2e4\uace0 \ud558\ub354\ub77c\ub3c4, \uadfc\ubcf8\uc801\uc73c\ub85c SwiftUI \ud658\uacbd\uc5d0\uc11c \uc0ac\uc6a9\ud558\uae30 \uc5b4\ub824\uc6b4 \ubd80\ubd84\uc774 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. Protocol\uc744 \ub9cc\ub4e4\uace0, ObservableObject\ub97c \ucd94\uac00\uc801\uc73c\ub85c \ucc44\ud0dd\ud574\uc57c \ud558\ub294\ub370, <\/p>\n\n\n\n

\"\"<\/p>\n\n\n\n

ObservableObject\uc5d0\uc11c Self\uc5d0 \ub300\ud55c \uaddc\uc57d \uc870\uac74\uc774 \uc788\uc73c\ubbc0\ub85c, \uc2e4\uc81c \uad6c\ud604\uc744 property\ub85c \uc8fc\ub294 \uac83\uc774 \uc544\ub2cc, protocol\uc744 property\ub85c \uc8fc\ub294 \uac83\uc774 \uc6d0\uce59\uc801\uc73c\ub85c \ubd88\uac00\ub2a5\ud558\uac8c \ub429\ub2c8\ub2e4. \ud568\uc218\ub098 \uacc4\uc0b0 \ud504\ub85c\ud37c\ud2f0\uac00 \uc544\ub2c8\ubbc0\ub85c OpaqueType\uc744 \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

2\ubc88\uc5d0 \ub354\ud574\uc11c environobject\ub294 \uc544\uc608 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uc11c \uc778\uc81d\uc158\ud574\uc8fc\ubbc0\ub85c \uc2dc\ub3c4\ud574\ubcfc \uc218\ub3c4 \uc5c6\ub2e4.\"\"<\/p>\n\n\n\n

\ub354\uc6b1\uc774 EnvironmentObject\ub294 \uc678\ubd80\uc5d0\uc11c \uc8fc\uc785\uc744 \ubc1b\uc544 \uc0ac\uc6a9\ud558\uac8c \ub418\uae30 \ub54c\ubb38\uc5d0 \ud574\uacb0 \ubc29\ubc95 \uc870\ucc28 \uace0\ubbfc\ud574\ubcf4\uae30 \uc5b4\ub835\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

Subclassing<\/h2>\n\n\n\n

\uc704\uc758 \ubb38\uc81c\ub4e4\uc774 \ubc1c\uc0dd\ud588\uae30 \ub54c\ubb38\uc5d0 \ucc28\uc120\ucc45\uc73c\ub85c Subclassing\uc744 \ud1b5\ud574 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub824\uace0 \ud588\uc2b5\ub2c8\ub2e4. \ub2e4\ub978 \ubb38\uc81c\ub294 \ud2b9\ubcc4\ud788 \ubc1c\uacac\ud558\uc9c0 \ubabb \ud588\uc9c0\ub9cc, Subclassing\uc2dc\uc5d0 EnvironmentObejct \uc8fc\uc785\uc744 \uc8fc\uc758\ud574\uc57c\ud569\ub2c8\ub2e4. \ub9cc\uc57d, Subclassing\ud55c \uc624\ube0c\uc81d\ud2b8\ub97c \uadf8\ub300\ub85c \uc8fc\uc785\ud588\ub2e4\uba74 \uc544\ub798\uc640 \uac19\uc740 \uc5d0\ub7ec\ub97c \ub9cc\ub0a0 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/p>\n\n\n\n

\uc774\ub7ec\ud55c \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud55c\ub2e4\uba74, \uc8fc\uc785\ud560 \ub54c, \uc5c5\uce90\uc2a4\ud305\uc744 \ud574\uc8fc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

\uc77c\ubc18\uc801\uc778 \uacbd\uc6b0\ub85c \uc0dd\uac01\ud560 \uc218 \uc788\ub294\uc9c0\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc, \ucf54\ub529\uc744 \ud558\ub2e4\ubcf4\ub2c8, \ubdf0 \ud558\ub098\uc5d0 \uae30\ub2a5\uc5d0 \ub530\ub77c ViewModel\uc744 \ubd84\uae30\uc2dc\ucf1c\uc11c \uc5f0\ub3d9\ub418\uac8c \ud558\uace0 \uc2f6\uc740 \uacbd\uc6b0\uac00 \uc0dd\uacbc\uc2b5\ub2c8\ub2e4. \ubcf4\ud1b5 \uc2a4\uc704\ud504\ud2b8\uc5d0\uc11c \uc774\ub7ec\ud55c \ubb38\uc81c\ub97c \ud480\uae30 \uc704\ud574\uc11c\ub294 Protocol\uc744 \ucc38\uc870\ud558\uac8c \ud558\uac70\ub098, Subclassing\uc73c\ub85c \ud574\uacb0\ud560 \uc218 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc0c1\ud669\uc5d0 \ub530\ub77c \ub2e4\ub974\uaca0\uc9c0\ub9cc, Subclassing\uc758 \uacbd\uc6b0\uc5d0\ub294 \uae30\ubcf8 \uad6c\ud604\uc744 \ud1b5\ud574 \ubcc0\ud654\ub97c \uc8fc\uae30\ub294 \ud3b8\ub9ac\ud558\uc9c0\ub9cc, Overriding\uc73c\ub85c \ucf54\ub4dc\uac00 \uc218\uc815\ub418\uace0, \uae30\ub2a5\uc774 \ucd94\uac00\ub420 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1158","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/posts\/1158"}],"collection":[{"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/comments?post=1158"}],"version-history":[{"count":8,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/posts\/1158\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/posts\/1158\/revisions\/1174"}],"wp:attachment":[{"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/media?parent=1158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/categories?post=1158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.enyou.net\/ko\/wp-json\/wp\/v2\/tags?post=1158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}