{"id":465,"date":"2022-04-26T12:59:01","date_gmt":"2022-04-26T03:59:01","guid":{"rendered":"https:\/\/blog.daymore.com\/?p=465"},"modified":"2022-06-23T14:14:52","modified_gmt":"2022-06-23T05:14:52","slug":"mvvm-rxswift","status":"publish","type":"post","link":"https:\/\/blog.daymore.com\/?p=465","title":{"rendered":"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c"},"content":{"rendered":"\n<p>M : Model, \ub370\uc774\ud130 \uc18c\uc2a4<br>V : View, \ubcf4\uc774\ub294\uac83\ub9cc \ucc98\ub9ac, ViewModel\uc744 \ud3ec\ud568<br>VM : View Model, \ubcf4\uc774\ub294 \uac12\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \ube44\uc9c0\ub2c8\uc2a4 \ub85c\uc9c1, Model\uc744 \ud3ec\ud568<\/p>\n\n\n\n<p>Rx \uac70\ubd80\uac10\uc774 \uc788\uc73c\uba74 KVO(Key-Value Observing) \ubc29\uc2dd \ub610\ub294 \ud074\ub85c\uc800, Notification \ubc29\uc2dd\ub3c4 \uac00\ub2a5\ud568<br>MVVM \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\ub294 \uc774\uc720\ub294 \ucf54\ub4dc \ubd84\ub9ac, \uc7ac\uc0ac\uc6a9\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\ub97c \uc27d\uac8c \ud558\uae30 \uc704\ud568\uc774\ub2e4.<br>\uc5ec\ub7ec\uac1c\uc758 \ubdf0\uc5d0\uc11c \ubdf0\ubaa8\ub378\uc744 \uac00\uc838\ub2e4 \uc4f8 \uc218 \uc788\uace0 \uc5b4\ub5a4 \ubdf0\ubaa8\ub378\uc5d0\uc11c\ub3c4 \ubaa8\ub378\uc744 \uac00\uc838\ub2e4 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<br>\ubaa8\ub378\uc5d0\uc11c\ub294 \ubdf0\ubaa8\ub378\uc758 \uc874\uc7ac\ub97c \ubaa8\ub974\uace0 \ubdf0\ubaa8\ub378\uc5d0\uc11c\ub294 \ubdf0\uc758 \uc874\uc7ac\ub97c \ubaa8\ub978\ub2e4.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"swift\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ ViewController\nclass ViewController: UIViewController {\n\n    override func viewDidLoad() {\n        super.viewDidLoad()\n        \/\/ Do any additional setup after loading the view.\n        \n        if let v: View = UIView.loadFromNib() {\n            v.add(self.view)\n        }\n    }\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"swift\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ View\nclass View: UIView {\n    @IBOutlet var label: UILabel!\n    \n    private let viewModel = ViewModel()\n    private let disposeBag = DisposeBag()\n    \n    override init(frame: CGRect) {\n        super.init(frame: frame)\n    }\n\n    required init?(coder aDecoder: NSCoder) {\n        super.init(coder: aDecoder)\n    }\n    \n    override func awakeFromNib() {\n        super.awakeFromNib()\n        \n        \/\/ ViewModel\uc758 result \uac12\uc774 \ubcc0\uacbd\ub418\ub294 \uac83\uc744 \uad6c\ub3c5\ud558\uc5ec \ubcc0\uacbd\ub418\uba74 View\uc758 label\uc744 \uc5c5\ub370\uc774\ud2b8\n        \/\/ \uc2a4\ucf00\uc974\ub7ec\ub294 \uba54\uc778 \uc2a4\ub808\ub4dc \ud050 (drive)\n        viewModel.result.drive { val in\n            self.label.text = val\n            print(self.viewModel.value())\n        }.disposed(by: disposeBag)\n\n        \n        viewModel.loadLabel()\n    }\n    \n    func add(_ superView: UIView) {\n        superView.addSubview(self)\n        self.translatesAutoresizingMaskIntoConstraints = false\n        \n        var constraints = [NSLayoutConstraint]()\n        constraints.append(superView.topAnchor.constraint(equalTo: self.topAnchor))\n        constraints.append(superView.leadingAnchor.constraint(equalTo: self.leadingAnchor))\n        constraints.append(superView.trailingAnchor.constraint(equalTo: self.trailingAnchor))\n        constraints.append(superView.bottomAnchor.constraint(equalTo: self.bottomAnchor))\n        NSLayoutConstraint.activate(constraints)\n    }\n}\n\nextension UIView {\n    class func loadFromNib&lt;T>() -> T? {\n        let identifier = String(describing: T.self)\n        let view = Bundle.main.loadNibNamed(identifier, owner: self, options: nil)?.first\n        return view as? T\n    }\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"swift\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ Model\nstruct Model {\n    var label: String = \"model\"\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"swift\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ ViewModel\nclass ViewModel {\n    private var m = Model()\n    private var _result: BehaviorRelay&lt;String>\n    var result: Driver&lt;String> {\n        return _result.asDriver()\n    }\n\n    init() {\n        _result = BehaviorRelay&lt;String>(value: \"init\")\n    }\n    \n    func value() -> String {\n        return _result.value\n    }\n    \n    func changed() {\n        _result.accept(m.label)\n    }\n    \n    func loadLabel() {\n        DispatchQueue.global().asyncAfter(deadline: .now()+2) {\n            self.m.label = \"value from server or app db\"\n            self.changed()\n        }\n    }\n}<\/pre>\n\n\n\n<p>\ub300\ub7b5\uc801\uc778 \uc124\uba85\uc740 View\uc758 label \uac12\uc744 \uac31\uc2e0\ud558\uae30 \uc704\ud574 MVVM \ud328\ud134\uacfc Rx\ub97c \uc0ac\uc6a9\ud588\ub2e4.<br>ViewModel\uc5d0\uc11c Driver \uc0ac\uc6a9\uc740 \uba54\uc778\uc2a4\ub808\ub4dc\uc5d0\uc11c View\uc758 label\uc744 \uac31\uc2e0\ud558\uae30 \uc704\ud568\uc774\ub2e4.<br>View\uc758 label\uc744 \uac31\uc2e0\ud558\uae30 \uc704\ud574 ViewModel\uc758 \ubcc0\uacbd\uc0ac\ud56d\uc744 \uad6c\ub3c5\ud558\uace0 <br>ViewModel\uc5d0\uc11c \ube44\uc9c0\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \uacc4\uc0b0\ud558\uace0 \ubcc0\uacbd\uc0ac\ud56d\uc774 \uc0dd\uae30\uba74 \uc54c\ub824\uc918\uc11c(accept) \ubdf0\ub97c \uac31\uc2e0\ud558\uac8c \ud55c\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>M : Model, \ub370\uc774\ud130 \uc18c\uc2a4V : View, \ubcf4\uc774\ub294\uac83\ub9cc \ucc98\ub9ac, ViewModel\uc744 \ud3ec\ud568VM : View Model, \ubcf4\uc774\ub294 \uac12\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \ube44\uc9c0\ub2c8\uc2a4 \ub85c\uc9c1, Model\uc744 \ud3ec\ud568 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58,23],"tags":[51,35,142,17],"class_list":["post-465","post","type-post","status-publish","format-standard","hentry","category-ios","category-swift","tag-ios","tag-mvvm","tag-rxswift","tag-swift"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.daymore.com\/?p=465\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\" \/>\n<meta property=\"og:description\" content=\"M : Model, \ub370\uc774\ud130 \uc18c\uc2a4V : View, \ubcf4\uc774\ub294\uac83\ub9cc \ucc98\ub9ac, ViewModel\uc744 \ud3ec\ud568VM : View Model, \ubcf4\uc774\ub294 \uac12\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \ube44\uc9c0\ub2c8\uc2a4 \ub85c\uc9c1, Model\uc744 \ud3ec\ud568 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.daymore.com\/?p=465\" \/>\n<meta property=\"og:site_name\" content=\"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-26T03:59:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-23T05:14:52+00:00\" \/>\n<meta name=\"author\" content=\"daymore\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"daymore\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.daymore.com\/?p=465\",\"url\":\"https:\/\/blog.daymore.com\/?p=465\",\"name\":\"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\",\"isPartOf\":{\"@id\":\"https:\/\/blog.daymore.com\/#website\"},\"datePublished\":\"2022-04-26T03:59:01+00:00\",\"dateModified\":\"2022-06-23T05:14:52+00:00\",\"author\":{\"@id\":\"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.daymore.com\/?p=465#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.daymore.com\/?p=465\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.daymore.com\/?p=465#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.daymore.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.daymore.com\/#website\",\"url\":\"https:\/\/blog.daymore.com\/\",\"name\":\"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\",\"description\":\"blog.daymore.com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.daymore.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763\",\"name\":\"daymore\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/blog.daymore.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f7c8fbf7472c334702e25bab1089b35096ea0daf226ea3e22f66568aba3570e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f7c8fbf7472c334702e25bab1089b35096ea0daf226ea3e22f66568aba3570e6?s=96&d=mm&r=g\",\"caption\":\"daymore\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.daymore.com\/?p=465","og_locale":"ko_KR","og_type":"article","og_title":"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","og_description":"M : Model, \ub370\uc774\ud130 \uc18c\uc2a4V : View, \ubcf4\uc774\ub294\uac83\ub9cc \ucc98\ub9ac, ViewModel\uc744 \ud3ec\ud568VM : View Model, \ubcf4\uc774\ub294 \uac12\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \ube44\uc9c0\ub2c8\uc2a4 \ub85c\uc9c1, Model\uc744 \ud3ec\ud568 [&hellip;]","og_url":"https:\/\/blog.daymore.com\/?p=465","og_site_name":"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","article_published_time":"2022-04-26T03:59:01+00:00","article_modified_time":"2022-06-23T05:14:52+00:00","author":"daymore","twitter_card":"summary_large_image","twitter_misc":{"\uae00\uc4f4\uc774":"daymore","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"2\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.daymore.com\/?p=465","url":"https:\/\/blog.daymore.com\/?p=465","name":"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","isPartOf":{"@id":"https:\/\/blog.daymore.com\/#website"},"datePublished":"2022-04-26T03:59:01+00:00","dateModified":"2022-06-23T05:14:52+00:00","author":{"@id":"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763"},"breadcrumb":{"@id":"https:\/\/blog.daymore.com\/?p=465#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.daymore.com\/?p=465"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.daymore.com\/?p=465#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.daymore.com\/"},{"@type":"ListItem","position":2,"name":"MVVM + RxSwift \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c"}]},{"@type":"WebSite","@id":"https:\/\/blog.daymore.com\/#website","url":"https:\/\/blog.daymore.com\/","name":"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","description":"blog.daymore.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.daymore.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Person","@id":"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763","name":"daymore","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/blog.daymore.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f7c8fbf7472c334702e25bab1089b35096ea0daf226ea3e22f66568aba3570e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f7c8fbf7472c334702e25bab1089b35096ea0daf226ea3e22f66568aba3570e6?s=96&d=mm&r=g","caption":"daymore"}}]}},"_links":{"self":[{"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts\/465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=465"}],"version-history":[{"count":15,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts\/465\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts\/465\/revisions\/670"}],"wp:attachment":[{"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}