\n WPF(Windows Presentation Foundation)\ub294 \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud504\ub808\uc784\uc6cc\ud06c\ub85c,
\n \ud48d\ubd80\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ucd95\ud558\uae30 \uc704\ud574 \ub370\uc774\ud130\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud558\ub294 \ub2e4\uc591\ud55c \uae30\uc220\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.
\n \uc774 \uc911 \ub370\uc774\ud130 \ubc14\uc778\ub529\uacfc \ub370\uc774\ud130 \ud15c\ud50c\ub9bf\uc740 UI \uc124\uacc4\uc5d0\uc11c \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud558\uba70, \ud6a8\uc728\uc801\uc774\uace0 \uc720\uc9c0\ubcf4\uc218 \uc6a9\uc774\ud55c \ucf54\ub4dc \uc791\uc131\uc744 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4.\n<\/p>\n
\n \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 UI \uc694\uc18c\uc640 \ub370\uc774\ud130 \uc18c\uc2a4 \uac04\uc758 \uc5f0\uacb0\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. WPF\uc5d0\uc11c\ub294 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574
\n UI \ucee8\ud2b8\ub864\uc774 \ub370\uc774\ud130 \uc18c\uc2a4(\uc608: \uceec\ub809\uc158, \ud074\ub798\uc2a4, \uc18d\uc131 \ub4f1)\uc758 \ubcc0\ud654\ub97c \uc790\ub3d9\uc73c\ub85c \uac10\uc9c0\ud558\uace0 \uc774\uc5d0 \ub530\ub77c UI\ub97c \uc5c5\ub370\uc774\ud2b8\ud569\ub2c8\ub2e4.
\n \uc774\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub294 UI\uc5d0 \ub370\uc774\ud130\ub97c \uc218\ub3d9\uc73c\ub85c \ud560\ub2f9\ud560 \ud544\uc694\uac00 \uc5c6\uace0, \ub370\uc774\ud130\uc758 \ubcc0\uacbd\uc5d0 \ub300\ud55c \ucc98\ub9ac \ub85c\uc9c1\uc744 \ubd84\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
\n WPF\uc758 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 \ub2e4\uc74c\uacfc \uac19\uc740 \uba87 \uac00\uc9c0 \uae30\ubcf8 \uc694\uc18c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4.\n<\/p>\n
\n \ub370\uc774\ud130 \uc18c\uc2a4\ub294 UI\uc5d0 \ubc14\uc778\ub529\ub418\ub294 \ub370\uc774\ud130\uc758 \ucd9c\ucc98\ub97c \uc758\ubbf8\ud569\ub2c8\ub2e4. \uc774\ub294 \uac1d\uccb4, \ub9ac\uc2a4\ud2b8, \ub610\ub294 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc640 \uac19\uc774
\n \ub2e4\uc591\ud55c \ud615\ud0dc\uac00 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub370\uc774\ud130 \uc18c\uc2a4\ub97c \uc120\uc815\ud560 \ub54c\ub294 \ubc14\uc778\ub529 \uac00\ub2a5\ud55c \uc18d\uc131\uc744 \uac00\uc9c4 \ud074\ub798\uc2a4\ub97c \ud65c\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\n<\/p>\n
\n \ubc14\uc778\ub529 \ub300\uc0c1\uc740 \ub370\uc774\ud130 \uc18c\uc2a4\uc758 \uc815\ubcf4\ub97c \ud45c\uc2dc\ud558\ub294 WPF\uc758 UI \uc694\uc18c\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, TextBox, ListBox, ComboBox
\n \ub4f1\uc774 \uc774\uc5d0 \ud574\ub2f9\ud569\ub2c8\ub2e4.\n<\/p>\n
\n \ubc14\uc778\ub529 \ud45c\ud604\uc2dd\uc740 \ub370\uc774\ud130 \uc18c\uc2a4\uc640 UI \uc694\uc18c \uac04\uc758 \uc5f0\uacb0\uc744 \uc815\uc758\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4. WPF\uc5d0\uc11c\ub294 XAML\uc744 \uc0ac\uc6a9\ud558\uc5ec
\n \ubc14\uc778\ub529\uc744 \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
\n<Window x:Class=\"WpfApp.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n Title=\"MainWindow\" Height=\"200\" Width=\"400\">\n <Grid>\n <TextBox Text=\"{Binding Name}\" Width=\"200\" Height=\"30\" \/>\n <Button Content=\"Submit\" Width=\"100\" Height=\"30\" \n VerticalAlignment=\"Bottom\" Click=\"Submit_Click\"\/>\n <\/Grid>\n<\/Window>\n<\/code><\/pre>\n3. \ub370\uc774\ud130 \ud15c\ud50c\ub9bf(DataTemplate)<\/h2>\n
\n \ub370\uc774\ud130 \ud15c\ud50c\ub9bf\uc740 \ub370\uc774\ud130 \ud56d\ubaa9\uc758 \uc2dc\uac01\uc801 \ud45c\ud604\uc744 \uc815\uc758\ud558\ub294 \ubc29\ubc95\uc73c\ub85c, \ud2b9\ud788 \ub9ac\uc2a4\ud2b8\uc640 \uac19\uc740 \uceec\ub809\uc158\uc744 \ud45c\uc2dc\ud560 \ub54c \ub9e4\uc6b0 \uc720\uc6a9\ud569\ub2c8\ub2e4.
\n \ub370\uc774\ud130 \ud15c\ud50c\ub9bf\uc744 \uc0ac\uc6a9\ud558\uba74 \ub2e4\uc591\ud55c \ub370\uc774\ud130 \uad6c\uc870\ub97c \uc9c1\uad00\uc801\uc73c\ub85c \uc27d\uac8c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
3.1 \ub370\uc774\ud130 \ud15c\ud50c\ub9bf\uc758 \uae30\ubcf8 \uad6c\uc131<\/h3>\n
\n \ub370\uc774\ud130 \ud15c\ud50c\ub9bf\uc740 XAML \ub0b4\uc5d0\uc11c \uc0ac\uc6a9\ub418\uba70, \ud2b9\uc815 \ub370\uc774\ud130 \ud0c0\uc785\uc5d0 \ub300\ud55c UI\uc758 \uad6c\uc870\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. WPF\ub294 \uae30\ubcf8 \uc81c\uacf5 \ub370\uc774\ud130 \ud15c\ud50c\ub9bf \ubc0f \uc0ac\uc6a9\uc790\uac00 \uc815\uc758\ud55c \ub370\uc774\ud130 \ud15c\ud50c\ub9bf \ubaa8\ub450 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n<\/p>\n
\uc608\uc81c: \ub370\uc774\ud130 \ud15c\ud50c\ub9bf \ud65c\uc6a9\ud558\uae30<\/h4>\n\n<Window x:Class=\"WpfApp.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n Title=\"MainWindow\" Height=\"300\" Width=\"400\">\n <Window.Resources>\n <DataTemplate x:Key=\"PersonTemplate\">\n <StackPanel>\n <TextBlock Text=\"{Binding Name}\" FontWeight=\"Bold\" \/>\n <TextBlock Text=\"{Binding Age}\" \/>\n <\/StackPanel>\n <\/DataTemplate>\n <\/Window.Resources>\n <Grid>\n <ListBox ItemTemplate=\"{StaticResource PersonTemplate}\" \n ItemsSource=\"{Binding People}\" \/>\n <\/Grid>\n<\/Window>\n<\/code><\/pre>\n4. \ub370\uc774\ud130 \ubc14\uc778\ub529\uc758 \uc2ec\ud654<\/h2>\n
\n WPF\uc758 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 \ub2e8\uc21c\ud55c \ud45c\ud604\uc744 \ub118\uc5b4 \ud1b5\ud569\ub41c \ub370\uc774\ud130 \ubaa8\ub378\uc744 \uc774\uc6a9\ud55c \ubcf5\uc7a1\ud55c \ub370\uc774\ud130 \ud750\ub984\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.
\n \uc774 \uc808\uc5d0\uc11c\ub294 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc758 \uc2ec\ud654 \uac1c\ub150\uc778 Two-Way Binding<\/strong>, INotifyPropertyChanged<\/strong>,
\n BindingMode<\/strong>\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4.\n<\/p>\n4.1 Two-Way Binding<\/h3>\n
\n Two-Way Binding\uc740 \ub370\uc774\ud130 \uc18c\uc2a4\uc640 UI \uac04\uc758 \uc591\ubc29\ud5a5 \ud1b5\uc2e0\uc744 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4. \uc989, UI\uc5d0\uc11c\uc758 \ubcc0\ud654\uac00 \ub370\uc774\ud130 \uc18c\uc2a4\uc5d0 \ubc18\uc601\ub418\uace0,
\n \ub370\uc774\ud130 \uc18c\uc2a4\uc758 \ubcc0\ud654\uac00 UI\uc5d0 \ubc18\uc601\ub429\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uc778\ud130\ub799\uc158\uc774 \ub354 \uc790\uc5f0\uc2a4\ub7fd\uace0 \uc9c1\uad00\uc801\uc785\ub2c8\ub2e4.\n<\/p>\n
\uc608\uc81c: Two-Way Binding \uad6c\ud604<\/h4>\n\n<TextBox Text=\"{Binding Name, Mode=TwoWay}\" Width=\"200\" Height=\"30\" \/>\n<\/code><\/pre>\n4.2 INotifyPropertyChanged \uc778\ud130\ud398\uc774\uc2a4<\/h3>\n
\n INotifyPropertyChanged\ub294 \ub370\uc774\ud130 \ubaa8\ub378\uc774 \ubcc0\uacbd\ub418\uc5c8\uc74c\uc744 UI\uc5d0 \ud1b5\uc9c0\ud558\ub294\ub370 \uc0ac\uc6a9\ub418\ub294 \uc778\ud130\ud398\uc774\uc2a4\uc785\ub2c8\ub2e4. \uc774 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud568\uc73c\ub85c\uc368,
\n \uc18d\uc131 \uac12\uc774 \ubcc0\uacbd\ub420 \ub54c UI\uac00 \uc5c5\ub370\uc774\ud2b8\ub418\ub3c4\ub85d \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
\uc608\uc81c: INotifyPropertyChanged \uad6c\ud604<\/h4>\n\npublic class Person : INotifyPropertyChanged\n{\n private string name;\n public string Name\n {\n get { return name; }\n set\n {\n name = value;\n OnPropertyChanged(\"Name\");\n }\n }\n\n public event PropertyChangedEventHandler PropertyChanged;\n\n protected void OnPropertyChanged(string propertyName)\n {\n PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n }\n}\n<\/code><\/pre>\n4.3 BindingMode<\/h3>\n
\n BindingMode\ub294 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc758 \ubc29\ud5a5\uc131\uc744 \uc815\uc758\ud558\uba70, \ub2e4\uc74c\uacfc \uac19\uc740 \uc138 \uac00\uc9c0 \ubaa8\ub4dc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4:\n<\/p>\n
\n- OneWay:<\/strong> \ub370\uc774\ud130 \uc18c\uc2a4\uc5d0\uc11c UI\ub85c\ub9cc \ub370\uc774\ud130\uac00 \uc804\ub2ec\ub429\ub2c8\ub2e4.<\/li>\n
- TwoWay:<\/strong> \ub370\uc774\ud130 \uc18c\uc2a4\uc640 UI \uac04\uc5d0 \ub370\uc774\ud130\uac00 \uc591\ubc29\ud5a5\uc73c\ub85c \uc804\ub2ec\ub429\ub2c8\ub2e4.<\/li>\n
- OneTime:<\/strong> \ub370\uc774\ud130 \uc18c\uc2a4\uac00 \ucd08\uae30\ud654\ub420 \ub54c\ub9cc UI\uc5d0 \uac12\uc744 \ud560\ub2f9\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n
5. \uacb0\ub860<\/h2>\n
\n WPF\uc758 \ub370\uc774\ud130 \ubc14\uc778\ub529\uacfc \ub370\uc774\ud130 \ud15c\ud50c\ub9bf \uae30\ub2a5\uc740 \ud6a8\uc728\uc801\uc774\uace0 \uc720\uc5f0\ud55c UI \uc124\uacc4\ub97c \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4. \uc774 \uae30\uc220\uc744 \ud65c\uc6a9\ud558\uba74 \uc81c\uc870 \uc2e4\ud589 \uc2dc\uc2a4\ud15c(MES)\uacfc \uac19\uc740 \ubcf5\uc7a1\ud55c \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c
\n \uc0ac\uc6a9\uc790\uac00 \uc774\ud574\ud558\uae30 \uc26c\uc6b4 \ubc29\uc2dd\uc73c\ub85c \ub370\uc774\ud130\ub97c \ud45c\uc2dc\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc55e\uc73c\ub85c\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 \uc774\ub7ec\ud55c \ub370\uc774\ud130 \ubc14\uc778\ub529 \uae30\uc220\uc744 \uc801\uadf9\uc801\uc73c\ub85c \ud65c\uc6a9\ud558\uc5ec,
\n \uc720\uc9c0\ubcf4\uc218\uc131\uacfc \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \ubc29\ud5a5\uc73c\ub85c \ub098\uc544\uac00\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"