{"id":479,"date":"2022-04-26T15:17:14","date_gmt":"2022-04-26T06:17:14","guid":{"rendered":"https:\/\/blog.daymore.com\/?p=479"},"modified":"2022-05-05T22:58:37","modified_gmt":"2022-05-05T13:58:37","slug":"mvvm-kvo","status":"publish","type":"post","link":"https:\/\/blog.daymore.com\/?p=479","title":{"rendered":"MVVM + KVO \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c"},"content":{"rendered":"\n

MVVM + RxSwift<\/a> \ucf54\ub4dc\ub97c Rx \ub300\uc2e0 KVO(Key-Value Observing) \ub85c \ubcc0\uacbd\ud574 \ubcf4\uc558\ub2e4.<\/p>\n\n\n\n

\/\/ 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
\/\/ View\nclass View: UIView {\n    @IBOutlet var label: UILabel!\n    \n    private let viewModel = ViewModel()\n    private var ob: NSKeyValueObservation!\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 output.label \uac12\uc774 \ubcc0\uacbd\ub418\ub294 \uac83\uc744 \uac10\uc2dc\ud558\uc5ec \ubcc0\uacbd\ub418\uba74 View\uc758 label\uc744 \uc5c5\ub370\uc774\ud2b8\n        ob = viewModel.output.observe(\\.label) { [weak self] obj, _ in\n            guard let self = self else { return }\n            self.label.text = obj.label\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<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
\/\/ Model\nstruct Model {\n    var label: String = \"model\"\n}<\/pre>\n\n\n\n
\/\/ ViewModel\nclass ViewModel {\n    class Output: NSObject { \/\/View\uc5d0\uc11c observe \ud558\ub824\uba74 NSObject \uc0c1\uc18d\ud574\uc57c \ud568\n        @objc dynamic var label: String = \"\"\n    }\n    \n    var output = Output()\n    private var m = Model()\n    \n    init() {\n    }\n    \n    func changed() {\n        DispatchQueue.main.async {\n            self.output.label = self.m.label\n        }\n    }\n    \n    func loadLabel() {\n        output.label = \"init\"\n        \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","protected":false},"excerpt":{"rendered":"
MVVM + RxSwift \ucf54\ub4dc\ub97c Rx \ub300\uc2e0 KVO(Key-Value Observing) \ub85c \ubcc0\uacbd\ud574 \ubcf4\uc558\ub2e4.<\/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,143,35,17],"class_list":["post-479","post","type-post","status-publish","format-standard","hentry","category-ios","category-swift","tag-ios","tag-kvo","tag-mvvm","tag-swift"],"yoast_head":"\nMVVM + KVO \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=479\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MVVM + KVO \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\" \/>\n<meta property=\"og:description\" content=\"MVVM + RxSwift \ucf54\ub4dc\ub97c Rx \ub300\uc2e0 KVO(Key-Value Observing) \ub85c \ubcc0\uacbd\ud574 \ubcf4\uc558\ub2e4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.daymore.com\/?p=479\" \/>\n<meta property=\"og:site_name\" content=\"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-26T06:17:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-05T13:58:37+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=479\",\"url\":\"https:\/\/blog.daymore.com\/?p=479\",\"name\":\"MVVM + KVO \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-26T06:17:14+00:00\",\"dateModified\":\"2022-05-05T13:58:37+00:00\",\"author\":{\"@id\":\"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.daymore.com\/?p=479#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.daymore.com\/?p=479\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.daymore.com\/?p=479#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.daymore.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MVVM + KVO \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 + KVO \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=479","og_locale":"ko_KR","og_type":"article","og_title":"MVVM + KVO \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \uc608\uc81c - \uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","og_description":"MVVM + RxSwift \ucf54\ub4dc\ub97c Rx \ub300\uc2e0 KVO(Key-Value Observing) \ub85c \ubcc0\uacbd\ud574 \ubcf4\uc558\ub2e4.","og_url":"https:\/\/blog.daymore.com\/?p=479","og_site_name":"\uae00\uc4f0\uae30, IT \uc791\uc740 \uc9c0\uc2dd","article_published_time":"2022-04-26T06:17:14+00:00","article_modified_time":"2022-05-05T13:58:37+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=479","url":"https:\/\/blog.daymore.com\/?p=479","name":"MVVM + KVO \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-26T06:17:14+00:00","dateModified":"2022-05-05T13:58:37+00:00","author":{"@id":"https:\/\/blog.daymore.com\/#\/schema\/person\/d2a6b2e27e0ca7aa5736172b432c1763"},"breadcrumb":{"@id":"https:\/\/blog.daymore.com\/?p=479#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.daymore.com\/?p=479"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.daymore.com\/?p=479#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.daymore.com\/"},{"@type":"ListItem","position":2,"name":"MVVM + KVO \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\/479","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=479"}],"version-history":[{"count":11,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":502,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions\/502"}],"wp:attachment":[{"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.daymore.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}