WPF(Windows Presentation Foundation)\ub294 \uac15\ub825\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ucd95\ud560 \uc218 \uc788\ub294 \ud50c\ub7ab\ud3fc\uc73c\ub85c, MVVM(Model-View-ViewModel) \ud328\ud134\uc744 \ud1b5\ud574 \ucf54\ub4dc\uc758 \uac00\ub3c5\uc131\uacfc \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 MVVM \uc544\ud0a4\ud14d\ucc98\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc131\ub2a5 \ucd5c\uc801\ud654, \uba54\ubaa8\ub9ac \uad00\ub9ac, \ub370\uc774\ud130 \ubc14\uc778\ub529 \ucd5c\uc801\ud654\ub294 \uc5ec\uc804\ud788 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294 \uc774\ub7ec\ud55c \uc8fc\uc81c\uc5d0 \ub300\ud574 \uae4a\uc774 \uc788\ub294 \ub17c\uc758\ub97c \ud558\uace0, \ud6a8\uc728\uc801\uc778 \uc608\uc81c\ub97c \uc81c\uc2dc\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
1. MVVM \uc544\ud0a4\ud14d\ucc98 \uc774\ud574\ud558\uae30<\/h2>\n
MVVM\uc740 Model, View, ViewModel\uc758 \uc57d\uc790\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. \uac01 \uad6c\uc131\uc694\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uc5ed\ud560\uc744 \ub2f4\ub2f9\ud569\ub2c8\ub2e4:<\/p>\n
- \n
- Model<\/strong>: \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub370\uc774\ud130 \ubc0f \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/li>\n
- View<\/strong>: \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\ub97c \uc815\uc758\ud558\uba70, \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/li>\n
- ViewModel<\/strong>: Model\uacfc View \uc0ac\uc774\uc758 \uc911\uac1c \uc5ed\ud560\uc744 \ud558\uba70, \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574 View\uc640 Model \uac04\uc758 \uc5f0\uacb0\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n
MVVM \ud328\ud134\uc740 \uc774\ub7ec\ud55c \uad6c\uc131 \uc694\uc18c\ub97c \ubd84\ub9ac\ud568\uc73c\ub85c\uc368 \ucf54\ub4dc\uc758 \uc7ac\uc0ac\uc6a9\uc131\uacfc \ud14c\uc2a4\ud2b8 \uc6a9\uc774\uc131\uc744 \ud06c\uac8c \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4.<\/p>\n
2. \uc131\ub2a5 \ucd5c\uc801\ud654\uc758 \uc911\uc694\uc131<\/h2>\n
WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc131\ub2a5\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \ud070 \uc601\ud5a5\uc744 \ubbf8\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub809(lag)\uc774\ub098 \uc9c0\uc5f0\ub41c \ubc18\uc751\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubd80\uc815\uc801\uc778 \uc778\uc0c1\uc744 \ub0a8\uae30\uae30 \ub54c\ubb38\uc5d0, \ucd5c\uc801\ud654\ub294 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc131\ub2a5 \ucd5c\uc801\ud654\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uce21\uba74\uc5d0\uc11c \uc774\ub8e8\uc5b4\uc838\uc57c \ud569\ub2c8\ub2e4:<\/p>\n
- \n
- \ucc98\ub9ac \uc18d\ub3c4<\/li>\n
- \uba54\ubaa8\ub9ac \uc0ac\uc6a9\ub7c9<\/li>\n
- \ub80c\ub354\ub9c1 \uc131\ub2a5<\/li>\n<\/ul>\n
2.1 \ucc98\ub9ac \uc18d\ub3c4 \ud5a5\uc0c1<\/h3>\n
\ucc98\ub9ac \uc18d\ub3c4\ub97c \ub192\uc774\ub294 \ubc29\ubc95\uc5d0\ub294 \uc5ec\ub7ec \uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\uc911\uc5d0\uc11c\ub3c4 \ube44\ub3d9\uae30 \ud504\ub85c\uadf8\ub798\ubc0d \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub370\uc774\ud130 \ub85c\ub529\uc744 \ube44\ub3d9\uae30\uc801\uc73c\ub85c \ucc98\ub9ac\ud558\uba74 UI\uac00 \ube14\ub85c\ud0b9\ub418\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc774 \uac1c\uc120\ub429\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \ube44\ub3d9\uae30 \ub370\uc774\ud130 \ub85c\ub529<\/h4>\n
private async void LoadDataAsync()\n{\n var data = await Task.Run(() => LoadDataFromDatabase());\n MyCollection = data;\n}<\/code><\/pre>\n2.2 \uba54\ubaa8\ub9ac \uc0ac\uc6a9\ub7c9 \uac10\uc18c<\/h3>\n
\uba54\ubaa8\ub9ac \ub204\uc218\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc131\ub2a5\uc5d0 \uc2ec\uac01\ud55c \uc601\ud5a5\uc744 \ubbf8\uce69\ub2c8\ub2e4. WPF\uc5d0\uc11c\ub294 \ub370\uc774\ud130 \ud15c\ud50c\ub9bf, \uc2a4\ud0c0\uc77c \ubc0f \ub9ac\uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud560 \ub54c \uba54\ubaa8\ub9ac\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uad00\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4. \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 \ub9ac\uc18c\uc2a4\ub294 \uc989\uc2dc \ud574\uc81c\ud574 \uc8fc\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \uba54\ubaa8\ub9ac \ud574\uc81c<\/h4>\n
private void CleanUpResources()\n{\n MyCollection.Clear();\n MyCollection = null;\n}<\/code><\/pre>\n2.3 \ub80c\ub354\ub9c1 \uc131\ub2a5 \ucd5c\uc801\ud654<\/h3>\n
WPF\uc758 \ub80c\ub354\ub9c1 \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\uae30 \uc704\ud574\uc11c\ub294 Visual \uc694\uc18c\uc758 \uc218\ub97c \ucd5c\uc18c\ud654\ud558\uace0, \ubcf5\uc7a1\ud55c UI \uad6c\uc870\ub97c \ub2e8\uc21c\ud654\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \ub610\ud55c, UI \uc694\uc18c\uc758 Visibility\ub97c Visibility.Collapsed\ub85c \uc124\uc815\ud558\uc5ec \ud654\uba74\uc5d0\uc11c \uc81c\uac70\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
3. \ub370\uc774\ud130 \ubc14\uc778\ub529 \ucd5c\uc801\ud654<\/h2>\n
\ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 MVVM \ud328\ud134\uc758 \ud575\uc2ec \uc694\uc18c\ub85c, \uc801\uc808\ud55c \uc124\uc815 \uc5c6\uc774\ub294 \uc131\ub2a5 \uc800\ud558\ub97c \ucd08\ub798\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub370\uc774\ud130 \ubc14\uc778\ub529 \uc2dc \uc8fc\uc758\ud574\uc57c \ud560 \uc0ac\ud56d\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
- \n
- \ubc14\uc778\ub529 \uacbd\ub85c \ucd5c\uc801\ud654<\/li>\n
- INotifyPropertyChanged \uad6c\ud604<\/li>\n
- Virtualization \ud65c\uc6a9<\/li>\n<\/ul>\n
3.1 \ubc14\uc778\ub529 \uacbd\ub85c \ucd5c\uc801\ud654<\/h3>\n
\ubc14\uc778\ub529 \uacbd\ub85c\ub294 \uac00\ub2a5\ud55c \ud55c \uac04\ub2e8\ud558\uac8c \uc720\uc9c0\ud574\uc57c \ud569\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c \uacbd\ub85c\ub294 \uc131\ub2a5\uc5d0 \ubd80\uc815\uc801\uc778 \uc601\ud5a5\uc744 \ubbf8\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubc14\uc778\ub529 \uacbd\ub85c\ub97c \ucd5c\uc801\ud654\ud558\uba74 \ubc14\uc778\ub529 \uc5c5\ub370\uc774\ud2b8\uc758 \ube48\ub3c4\ub97c \uc904\uc774\ub294\ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \uac04\ub2e8\ud55c \ubc14\uc778\ub529 \uacbd\ub85c<\/h4>\n
<TextBlock Text=\"{Binding SimpleProperty}\" \/><\/code><\/pre>\n3.2 INotifyPropertyChanged \uad6c\ud604<\/h3>\n
ViewModel\uc5d0\uc11c INotifyPropertyChanged \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc62c\ubc14\ub974\uac8c \uad6c\ud604\ud558\ub294 \uac83\uc740 \ubcc0\uacbd \uc0ac\ud56d\uc774 View\uc5d0 \ubc18\uc601\ub418\ub3c4\ub85d \ud558\uae30 \uc704\ud574 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ubcc0\uacbd \uac10\uc9c0\ub97c \ucd5c\uc801\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: INotifyPropertyChanged \uad6c\ud604<\/h4>\n
public class MyViewModel : INotifyPropertyChanged\n{\n private string _myProperty;\n\n public string MyProperty\n {\n get { return _myProperty; }\n set\n {\n _myProperty = value;\n OnPropertyChanged(nameof(MyProperty));\n }\n }\n\n public event PropertyChangedEventHandler PropertyChanged;\n\n protected virtual void OnPropertyChanged(string propertyName)\n {\n PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n }\n}<\/code><\/pre>\n3.3 Virtualization \ud65c\uc6a9<\/h3>\n
WPF\uc5d0\uc11c \uac00\uc0c1\ud654\ub97c \ud65c\uc6a9\ud558\ub294 \uac83\uc740 \ub300\ub7c9\uc758 \ub370\uc774\ud130\ub97c \ucc98\ub9ac\ud560 \ub54c \uc131\ub2a5 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \ub370 \ud070 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. Virtualization\uc740 UI \uc694\uc18c\uac00 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud45c\uc2dc\ub420 \ub54c\ub9cc \uc0dd\uc131\ub418\ub3c4\ub85d \ud558\uc5ec \uba54\ubaa8\ub9ac \uc0ac\uc6a9\ub7c9\uc744 \uc904\uc785\ub2c8\ub2e4. ListBox\ub098 DataGrid\uc640 \uac19\uc740 \ucee8\ud2b8\ub864\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \uac00\uc0c1\ud654\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n
4. \uc131\ub2a5 \ud14c\uc2a4\ud2b8 \ubc0f \ubaa8\ub2c8\ud130\ub9c1<\/h2>\n
\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc131\ub2a5\uc744 \uc9c0\uc18d\uc801\uc73c\ub85c \ud14c\uc2a4\ud2b8\ud558\uace0 \ubaa8\ub2c8\ud130\ub9c1\ud558\ub294 \uac83\uc740 \ucd5c\uc801\ud654\ub97c \uc704\ud574 \uc911\uc694\ud569\ub2c8\ub2e4. Visual Studio\uc758 Performance Profiler\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uba54\ubaa8\ub9ac \ubc0f CPU \uc0ac\uc6a9\ub7c9\uc744 \ubd84\uc11d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc131\ub2a5 \ubcd1\ubaa9 \ud604\uc0c1\uc744 \ubc1c\uacac\ud558\uace0, \uac1c\uc120\ud560 \uc218 \uc788\ub294 \ubd80\ubd84\uc744 \uc27d\uac8c \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5. \uacb0\ub860<\/h2>\n
MVVM\uacfc WPF\uc5d0\uc11c\uc758 \uc131\ub2a5 \ucd5c\uc801\ud654, \uba54\ubaa8\ub9ac \uad00\ub9ac, \ub370\uc774\ud130 \ubc14\uc778\ub529 \ucd5c\uc801\ud654\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ud6a8\uc728\uc131\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud55c \ud544\uc218 \uc694\uc18c\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 MVVM \uc544\ud0a4\ud14d\ucc98\uc758 \uc774\ud574\uc5d0\uc11c \uc2dc\uc791\ud558\uc5ec, \uc131\ub2a5 \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uad6c\uccb4\uc801\uc778 \ubc29\ubc95 \ubc0f \uc608\uc81c\uc5d0 \ub300\ud574 \uc124\uba85\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc694\uc18c\ub4e4\uc744 \uc798 \uace0\ub824\ud558\uc5ec WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud55c\ub2e4\uba74, \ubcf4\ub2e4 \ub098\uc740 \uc131\ub2a5\uacfc \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc744 \uac83\uc785\ub2c8\ub2e4.<\/p>\n
6. \ucc38\uace0 \uc790\ub8cc<\/h2>\n
\uc5ec\uae30\uc11c\ub294 WPF \ubc0f MVVM\uc5d0 \uad00\ud55c \uc2ec\ud654 \uc790\ub8cc\ub97c \uba87 \uac00\uc9c0 \uc18c\uac1c\ud569\ub2c8\ub2e4:<\/p>\n
- View<\/strong>: \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\ub97c \uc815\uc758\ud558\uba70, \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/li>\n