{"id":42889,"date":"2024-11-13T22:28:04","date_gmt":"2024-11-13T22:28:04","guid":{"rendered":"https:\/\/atmokpo.com\/w\/?p=42889"},"modified":"2024-11-26T06:34:35","modified_gmt":"2024-11-26T06:34:35","slug":"mvvm-2-%ec%bb%a4%eb%a7%a8%eb%93%9c%ec%99%80-%eb%b0%94%ec%9d%b8%eb%94%a9-%ea%b3%a0%ea%b8%89-%ed%99%9c%ec%9a%a9-%eb%b3%b5%ec%9e%a1%ed%95%9c-%eb%b0%94%ec%9d%b8%eb%94%a9%ea%b3%bc-%eb%b0%94%ec%9d%b8","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/42889\/","title":{"rendered":"[MVVM] 2.\ucee4\ub9e8\ub4dc\uc640 \ubc14\uc778\ub529 \uace0\uae09 \ud65c\uc6a9, \ubcf5\uc7a1\ud55c \ubc14\uc778\ub529\uacfc \ubc14\uc778\ub529 \uc131\ub2a5 \ucd5c\uc801\ud654"},"content":{"rendered":"

<\/p>\n

\n
\n

\ucd5c\uc2e0 C# WPF \uac1c\ubc1c \ud658\uacbd\uc5d0\uc11c MVVM \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\ub294 \ub370 \uc788\uc5b4 \ucee4\ub9e8\ub4dc\uc640 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 \ub9e4\uc6b0 \uc911\uc694\ud55c \uac1c\ub150\uc785\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \ucee4\ub9e8\ub4dc\uc640 \ubc14\uc778\ub529\uc758 \uace0\uae09 \ud65c\uc6a9\ubc95, \ubcf5\uc7a1\ud55c \ubc14\uc778\ub529 \uae30\ubc95, \uadf8\ub9ac\uace0 \ubc14\uc778\ub529 \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\ub294 \ub2e4\uc591\ud55c \ubc29\ubc95\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<\/header>\n

\n

1. MVVM \ud328\ud134\uc5d0\uc11c\uc758 \ucee4\ub9e8\ub4dc \uac1c\ub150<\/h2>\n

MVVM(\ubaa8\ub378-\ubdf0-\ubdf0\ubaa8\ub378) \ud328\ud134\uc740 WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc758 \ud575\uc2ec\uc801\uc778 \uc544\ud0a4\ud14d\ucc98 \uc2a4\ud0c0\uc77c\uc785\ub2c8\ub2e4. \uc774 \ud328\ud134\uc740 UI\uc640 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc758 \ubd84\ub9ac\ub97c \ud1b5\ud574 \ucf54\ub4dc\uc758 \uc7ac\uc0ac\uc6a9\uc131 \ubc0f \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc5ec\uc90d\ub2c8\ub2e4. \ucee4\ub9e8\ub4dc\ub294 UI\uc758 \ud2b9\uc815 \uc561\uc158\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \uba54\uc11c\ub4dc\ub97c \ucea1\uc290\ud654\ud55c \uac1d\uccb4\ub85c, ViewModel\uc5d0\uc11c \uc815\uc758\ud55c \ub85c\uc9c1\uc744 UI\uc5d0 \ubc14\uc778\ub529\ud558\uc5ec \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n

1.1. \ucee4\ub9e8\ub4dc \uc778\ud130\ud398\uc774\uc2a4<\/h3>\n

WPF\uc5d0\uc11c \ucee4\ub9e8\ub4dc\ub294 ICommand<\/code> \uc778\ud130\ud398\uc774\uc2a4\ub97c \ud1b5\ud574 \uad6c\ud604\ub429\ub2c8\ub2e4. \uc774 \uc778\ud130\ud398\uc774\uc2a4\ub294 Execute<\/code>\uc640 CanExecute<\/code> \uba54\uc11c\ub4dc\ub97c \uc694\uad6c\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 UI \uc694\uc18c\uc758 \ud65c\uc131\ud654 \uc5ec\ubd80\ub97c \ub3d9\uc801\uc73c\ub85c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\npublic class RelayCommand : ICommand\n{\n    private readonly Action<object> _execute;\n    private readonly Predicate<object> _canExecute;\n\n    public RelayCommand(Action<object> execute, Predicate<object> canExecute = null)\n    {\n        _execute = execute;\n        _canExecute = canExecute;\n    }\n\n    public event EventHandler CanExecuteChanged;\n\n    public bool CanExecute(object parameter)\n    {\n        return _canExecute == null || _canExecute(parameter);\n    }\n\n    public void Execute(object parameter)\n    {\n        _execute(parameter);\n    }\n\n    public void RaiseCanExecuteChanged()\n    {\n        CanExecuteChanged?.Invoke(this, EventArgs.Empty);\n    }\n}\n            <\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 \ucee4\ub9e8\ub4dc\uc758 \uae30\ubcf8 \uad6c\uc870\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. RelayCommand<\/code> \ud074\ub798\uc2a4\ub294 \uc2e4\ud589\ub420 \ub85c\uc9c1\uacfc \uc2e4\ud589 \uac00\ub2a5 \uc5ec\ubd80\ub97c \ud310\ub2e8\ud558\ub294 \ub85c\uc9c1\uc744 \ucea1\uc290\ud654\ud569\ub2c8\ub2e4.<\/p>\n<\/section>\n
\n
2. \ubcf5\uc7a1\ud55c \ubc14\uc778\ub529 \ud65c\uc6a9<\/h2>\n
MVVM \ud328\ud134\uc744 \ud65c\uc6a9\ud560 \ub54c \ubc14\uc778\ub529\uc740 \ub370\uc774\ud130 \uc804\uc1a1\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4. WPF\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c \ubc29\ubc95\uc73c\ub85c \ubc14\uc778\ub529\ud560 \uc218 \uc788\uc73c\uba70, \ubcf5\uc7a1\ud55c \ub370\uc774\ud130 \uad6c\uc870\ub97c \ub2e4\ub8f0 \ub54c\ub294 \uc5ec\ub7ec \ubc14\uc778\ub529 \uae30\ubc95\uc744 \uc870\ud569\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
2.1. \ub2e4\uc911 \ubc14\uc778\ub529(MultiBinding)<\/h3>\n
\ub2e4\uc911 \ubc14\uc778\ub529\uc740 \uc5ec\ub7ec \ub370\uc774\ud130 \uc18c\uc2a4\ub97c \ud558\ub098\uc758 UI \uc694\uc18c\uc5d0 \ubc14\uc778\ub529\ud560 \uc218 \uc788\uac8c \ud574 \uc90d\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub450 \uac1c\uc758 \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc5d0\uc11c \uc785\ub825\ub41c \ud14d\uc2a4\ud2b8\ub97c \uacb0\ud569\ud558\uc5ec \ubcf4\uc5ec\uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\n\n    \n        \n            <\/binding>\n            <\/binding>\n        <\/multibinding>\n    <\/textblock.text>\n<\/textblock>\n            <\/code><\/pre>\n
\uc704\uc640 \uac19\uc774 MultiBinding<\/code>\uc744 \uc0ac\uc6a9\ud558\uba74 \uc5ec\ub7ec \ud504\ub85c\ud37c\ud2f0\ub97c \uc870\ud569\ud558\uc5ec UI\uc5d0 \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
2.2. OneWayToSource \ubc14\uc778\ub529<\/h3>\n
WPF\uc5d0\uc11c\ub294 \ubc14\uc778\ub529\uc758 \ubc29\ud5a5\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. OneWayToSource<\/code> \ubc14\uc778\ub529\uc740 UI \uc694\uc18c\uc758 \uac12\uc744 ViewModel\ub85c\ub9cc \uc5c5\ub370\uc774\ud2b8\ud560 \ub54c \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc774\ub294 \ud2b9\uc815 \uc0c1\ud669\uc5d0\uc11c \uc720\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\n<\/textbox>\n            <\/code><\/pre>\n
\uc774 \uacbd\uc6b0, \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc758 \uac12\uc774 ViewModel\uc758 SomeProperty<\/code>\ub85c\ub9cc \uc804\ub2ec\ub418\uba70, ViewModel\uc758 \uac12 \ubcc0\ud654\ub294 UI\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce58\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n
\n
3. \ubc14\uc778\ub529 \uc131\ub2a5 \ucd5c\uc801\ud654<\/h2>\n
\ubcf5\uc7a1\ud55c UI \uc694\uc18c\uc640 \ub370\uc774\ud130 \uad6c\uc870\ub97c \ub2e4\ub8f0 \ub54c \ubc14\uc778\ub529 \uc131\ub2a5\uc774 \uc800\ud558\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc5ec\ub7ec \uac00\uc9c0 \uae30\ubc95\uc744 \ud1b5\ud574 \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n
3.1. Virtualization<\/h3>\n
WPF\uc758 Virtualization \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\uba74 UI\uc5d0\uc11c \ud45c\uc2dc\ub418\ub294 \uc544\uc774\ud15c\ub9cc \ub80c\ub354\ub9c1\ud558\uc5ec \uc131\ub2a5\uc744 \ud06c\uac8c \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. ItemsControl<\/code>, ListBox<\/code>, DataGrid<\/code> \ub4f1\uc5d0\uc11c \uc774 \uae30\ub2a5\uc744 \uae30\ubcf8\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\n<\/listbox>\n            <\/code><\/pre>\n
3.2. PropertyChangedEventHandler \ucd5c\uc18c\ud654<\/h3>\n
ViewModel\uc5d0\uc11c INotifyPropertyChanged<\/code> \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud560 \ub54c, \ubaa8\ub4e0 \uc18d\uc131\uc5d0 \ub300\ud574 PropertyChanged \uc774\ubca4\ud2b8\ub97c \uacfc\ub3c4\ud558\uac8c \ubc1c\uc0dd\uc2dc\ud0a4\uc9c0 \uc54a\ub3c4\ub85d \uc8fc\uc758\ud574\uc57c \ud569\ub2c8\ub2e4. \uac00\ub2a5\ud558\uba74 \ud544\uc694\ud55c \uc18d\uc131\uc5d0 \ub300\ud574\uc11c\ub9cc \uc774\ubca4\ud2b8\ub97c \ubc1c\uc0dd\uc2dc\ucf1c\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
\nprivate string _someProperty;\npublic string SomeProperty\n{\n    get => _someProperty;\n    set\n    {\n        if (_someProperty != value)\n        {\n            _someProperty = value;\n            OnPropertyChanged(nameof(SomeProperty));\n        }\n    }\n}\n            <\/code><\/pre>\n
3.3. \ubc14\uc778\ub529 \uc5d4\uc9c4 \ube44\ud65c\uc131\ud654<\/h3>\n
\ub54c\ub85c\ub294 \ud2b9\uc815 \ub370\uc774\ud130 \ucee8\ud14d\uc2a4\ud2b8\uc5d0 \ub300\ud55c \ubc14\uc778\ub529\uc744 \ube44\ud65c\uc131\ud654\ud558\uc5ec \uc131\ub2a5\uc744 \uac1c\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub370\uc774\ud130\uac00 \ubcc0\ud558\uc9c0 \uc54a\ub294 \uacbd\uc6b0 \ubc14\uc778\ub529\uc744 \ud558\uc9c0 \uc54a\ub3c4\ub85d \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\ucd5c\uc801\ud654\ub41c \uc131\ub2a5\uc744 \uc704\ud574 \uc0c1\ud0dc \ubcc0\ud654\uac00 \ube48\ubc88\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0, BindingOperations.ClearBinding<\/code> \uba54\uc11c\ub4dc\ub97c \ud65c\uc6a9\ud558\uc5ec \ud2b9\uc815 \ubc14\uc778\ub529\uc744 \uc5c6\uc568 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n
\n
4. \uacb0\ub860<\/h2>\n
MVVM \ud328\ud134\uc5d0\uc11c \ucee4\ub9e8\ub4dc\uc640 \ubc14\uc778\ub529\uc740 WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ud6a8\uc728\uc131\uc744 \ub192\uc774\ub294 \ud544\uc218 \uc694\uc18c\uc785\ub2c8\ub2e4. \ucee4\ub9e8\ub4dc\ub97c \ud1b5\ud574 \uba85\ub839\uc744 \uc815\uc758\ud558\uace0, \ub2e4\uc591\ud55c \ubc14\uc778\ub529 \uae30\ubc95\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubcf5\uc7a1\ud55c UI\ub97c \uc27d\uac8c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ubc14\uc778\ub529\uc758 \uc131\ub2a5 \ucd5c\uc801\ud654 \uae30\ubc95\uc744 \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubc18\uc751\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ubc29\ubc95\ub4e4\uc744 \ud65c\uc6a9\ud558\uc5ec \ub354\uc6b1 \ub9e4\ub825\uc801\uc778 WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud574\ubcf4\uc138\uc694.<\/p>\n<\/section>\n