\ubcf8 \uae00\uc5d0\uc11c\ub294 WPF(Windows Presentation Foundation)\ub97c \uc0ac\uc6a9\ud558\uc5ec \uae30\ubcf8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ubc0f \uc5f0\ub77d\ucc98 \ud398\uc774\uc9c0\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4. WPF\ub294 .NET Framework\ub97c \uae30\ubc18\uc73c\ub85c \ud558\uba70, \uac15\ub825\ud55c UI \ub514\uc790\uc778\uacfc \ub370\uc774\ud130 \ubc14\uc778\ub529 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uae30\ubcf8\uc801\uc778 \uc5f0\ub77d\ucc98 \uad00\ub9ac \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n
WPF\ub294 \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 UI \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \ubcf5\uc7a1\ud55c \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc81c\uc791\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4. WPF\ub294 XAML(Extensible Application Markup Language)\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc815\uc758\ud558\uace0, .NET \uc5b8\uc5b4\ub85c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub85c\uc9c1\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
WPF\uc758 \uc8fc\uc694 \uc7a5\uc810\uc73c\ub85c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n
Visual Studio\uc5d0\uc11c WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
XAML\uc740 WPF\uc758 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc815\uc758\ud558\ub294 \ub9c8\ud06c\uc5c5 \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 \uae30\ubcf8\uc801\uc778 \uc5f0\ub77d\ucc98 \uad00\ub9ac UI\ub97c \uc124\uc815\ud558\ub294 XAML \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n
<Window x:Class=\"ContactManager.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n Title=\"\uc5f0\ub77d\ucc98 \uad00\ub9ac\" Height=\"350\" Width=\"525\">\n <Grid>\n <TextBox x:Name=\"txtName\" Width=\"200\" Height=\"25\" Margin=\"10\" PlaceholderText=\"\uc774\ub984 \uc785\ub825\"\/>\n <TextBox x:Name=\"txtPhone\" Width=\"200\" Height=\"25\" Margin=\"10,40,10,10\" PlaceholderText=\"\uc804\ud654\ubc88\ud638 \uc785\ub825\"\/>\n <Button x:Name=\"btnAdd\" Content=\"\ucd94\uac00\" Width=\"75\" Height=\"25\" Margin=\"10,80,10,10\" Click=\"BtnAdd_Click\"\/>\n <ListBox x:Name=\"lstContacts\" Margin=\"220,10,10,10\"><\/ListBox>\n <\/Grid>\n<\/Window><\/code><\/pre>\n\uc704 XAML \ucf54\ub4dc\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc774\ub984\uacfc \uc804\ud654\ubc88\ud638\ub97c \uc785\ub825\ud560 \uc218 \uc788\ub294 \ub450 \uac1c\uc758 \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc640 \uc5f0\ub77d\ucc98 \ubaa9\ub85d\uc744 \ubcf4\uc5ec\uc8fc\ub294 \ub9ac\uc2a4\ud2b8 \ubc15\uc2a4, \uc5f0\ub77d\ucc98\ub97c \ucd94\uac00\ud558\ub294 \ubc84\ud2bc\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
4. C#\uc744 \uc774\uc6a9\ud55c \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1 \uad6c\ud604<\/h2>\n
XAML\ub85c \uad6c\uc131\ub41c UI\uc5d0 \ub300\ud55c \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \uc791\uc131\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. MainWindow.xaml.cs \ud30c\uc77c\uc5d0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n
using System;\n using System.Collections.Generic;\n using System.Windows;\n\n namespace ContactManager\n {\n public partial class MainWindow : Window\n {\n private List<Contact> contacts = new List<Contact>();\n\n public MainWindow()\n {\n InitializeComponent();\n }\n\n private void BtnAdd_Click(object sender, RoutedEventArgs e)\n {\n var name = txtName.Text;\n var phone = txtPhone.Text;\n\n if (!string.IsNullOrWhiteSpace(name) && !string.IsNullOrWhiteSpace(phone))\n {\n var contact = new Contact { Name = name, PhoneNumber = phone };\n contacts.Add(contact);\n UpdateContactList();\n ClearInputs();\n }\n else\n {\n MessageBox.Show(\"\uc774\ub984\uacfc \uc804\ud654\ubc88\ud638\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\");\n }\n }\n\n private void UpdateContactList()\n {\n lstContacts.Items.Clear();\n foreach (var contact in contacts)\n {\n lstContacts.Items.Add(contact.ToString());\n }\n }\n\n private void ClearInputs()\n {\n txtName.Clear();\n txtPhone.Clear();\n }\n }\n\n public class Contact\n {\n public string Name { get; set; }\n public string PhoneNumber { get; set; }\n\n public override string ToString()\n {\n return $\"{Name} ({PhoneNumber})\";\n }\n }\n }<\/code><\/pre>\n\uc774 \ucf54\ub4dc\ub294 \uc0ac\uc6a9\uc790\uac00 \uc774\ub984\uacfc \uc804\ud654\ubc88\ud638\ub97c \uc785\ub825\ud558\uc5ec ‘\ucd94\uac00’ \ubc84\ud2bc\uc744 \ud074\ub9ad\ud560 \ub54c \uc5f0\ub77d\ucc98\ub97c \ub9ac\uc2a4\ud2b8\uc5d0 \ucd94\uac00\ud558\ub294 \uae30\ub2a5\uc744 \uc218\ud589\ud569\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc5d0\uc11c \uc785\ub825\uac12\uc774 \ube44\uc5b4 \uc788\uc9c0 \uc54a\uc740\uc9c0 \ud655\uc778\ud558\uace0, \uc5f0\ub77d\ucc98 \ub9ac\uc2a4\ud2b8\ub97c \uac31\uc2e0\ud558\uba70, \uc785\ub825 \ud544\ub4dc\ub97c \ucd08\uae30\ud654\ud569\ub2c8\ub2e4.<\/p>\n
5. MVVM \ud328\ud134 \uc801\uc6a9\ud558\uae30<\/h2>\n
\uc774\uc81c MVVM \ud328\ud134\uc744 \uc801\uc6a9\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. MVVM\uc740 WPF \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc720\uc9c0\ubcf4\uc218\uc131\uacfc \ud14c\uc2a4\ud2b8 \uc6a9\uc774\uc131\uc744 \ub192\uc774\ub294 \ub514\uc790\uc778 \ud328\ud134\uc785\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \ub2e4\uc74c \uad6c\uc870\ub97c \uc0ac\uc6a9\ud560 \uac83\uc785\ub2c8\ub2e4:<\/p>\n
\n- Model: \ub370\uc774\ud130 \uad6c\uc870 \ubc0f \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1.<\/li>\n
- View: UI \uad6c\uc131.<\/li>\n
- ViewModel: View\uc640 Model \uac04\uc758 \uc5f0\uacb0 \ubc0f \ub370\uc774\ud130 \ubc14\uc778\ub529 \uad00\ub9ac.<\/li>\n<\/ul>\n
5.1. Model \ud074\ub798\uc2a4<\/h3>\npublic class Contact\n {\n public string Name { get; set; }\n public string PhoneNumber { get; set; }\n\n public override string ToString()\n {\n return $\"{Name} ({PhoneNumber})\";\n }\n }<\/code><\/pre>\n5.2. ViewModel \ud074\ub798\uc2a4<\/h3>\nusing System.Collections.ObjectModel;\n using System.Windows.Input;\n\n public class ContactViewModel : BaseViewModel\n {\n public ObservableCollection<Contact> Contacts { get; set; } = new ObservableCollection<Contact>();\n private string name;\n private string phoneNumber;\n\n public string Name\n {\n get { return name; }\n set { name = value; OnPropertyChanged(); }\n }\n\n public string PhoneNumber\n {\n get { return phoneNumber; }\n set { phoneNumber = value; OnPropertyChanged(); }\n }\n\n public ICommand AddCommand { get; set; }\n\n public ContactViewModel()\n {\n AddCommand = new RelayCommand(AddContact);\n }\n\n private void AddContact()\n {\n if (!string.IsNullOrWhiteSpace(Name) && !string.IsNullOrWhiteSpace(PhoneNumber))\n {\n var contact = new Contact { Name = Name, PhoneNumber = PhoneNumber };\n Contacts.Add(contact);\n ClearInputs();\n }\n }\n\n private void ClearInputs()\n {\n Name = string.Empty;\n PhoneNumber = string.Empty;\n }\n }<\/code><\/pre>\n5.3. BaseViewModel \ud074\ub798\uc2a4<\/h3>\nusing System.ComponentModel;\n\n public class BaseViewModel : INotifyPropertyChanged\n {\n public event PropertyChangedEventHandler PropertyChanged;\n\n protected void OnPropertyChanged(string propertyName = null)\n {\n PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n }\n }<\/code><\/pre>\n5.4. RelayCommand \ud074\ub798\uc2a4<\/h3>\nusing System;\n using System.Windows.Input;\n\n public class RelayCommand : ICommand\n {\n private readonly Action execute;\n private readonly Func<bool> canExecute;\n\n public event EventHandler CanExecuteChanged;\n\n public RelayCommand(Action execute, Func<bool> canExecute = null)\n {\n this.execute = execute;\n this.canExecute = canExecute;\n }\n\n public bool CanExecute(object parameter)\n {\n return canExecute == null || canExecute();\n }\n\n public void Execute(object parameter)\n {\n execute();\n }\n\n public void RaiseCanExecuteChanged()\n {\n CanExecuteChanged?.Invoke(this, EventArgs.Empty);\n }\n }<\/code><\/pre>\n5.5. View \uc5c5\ub370\uc774\ud2b8<\/h3>\n
\uc774\uc81c MainWindow.xaml\uc744 \uc218\uc815\ud558\uc5ec ViewModel\uacfc \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uc801\uc6a9\ud569\ub2c8\ub2e4:<\/p>\n
<Window x:Class=\"ContactManager.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n xmlns:local=\"clr-namespace:ContactManager\"\n Title=\"\uc5f0\ub77d\ucc98 \uad00\ub9ac\" Height=\"350\" Width=\"525\">\n <Window.DataContext>\n <local:ContactViewModel \/>\n <\/Window.DataContext>\n <Grid>\n <TextBox Text=\"{Binding Name, UpdateSourceTrigger=PropertyChanged}\" Width=\"200\" Height=\"25\" Margin=\"10\" PlaceholderText=\"\uc774\ub984 \uc785\ub825\"\/>\n <TextBox Text=\"{Binding PhoneNumber, UpdateSourceTrigger=PropertyChanged}\" Width=\"200\" Height=\"25\" Margin=\"10,40,10,10\" PlaceholderText=\"\uc804\ud654\ubc88\ud638 \uc785\ub825\"\/>\n <Button Command=\"{Binding AddCommand}\" Content=\"\ucd94\uac00\" Width=\"75\" Height=\"25\" Margin=\"10,80,10,10\"\/>\n <ListBox ItemsSource=\"{Binding Contacts}\" Margin=\"220,10,10,10\">\n <ListBox.ItemTemplate>\n <DataTemplate>\n <TextBlock Text=\"{Binding}\"\/>\n <\/DataTemplate>\n <\/ListBox.ItemTemplate>\n <\/ListBox>\n <\/Grid>\n<\/Window><\/code><\/pre>\n6. \uacb0\uacfc \ud655\uc778<\/h2>\n
\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc2e4\ud589\ud558\uba74 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774\ub984\uacfc \uc804\ud654\ubc88\ud638\ub97c \uc785\ub825\ud558\uace0 ‘\ucd94\uac00’ \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uc5f0\ub77d\ucc98\ub97c \ucd94\uac00\ud574 \ubcf4\uc2ed\uc2dc\uc624. \uc5f0\ub77d\ucc98\ub294 \ub9ac\uc2a4\ud2b8\uc5d0 \ucd94\uac00\ub418\uc5b4\uc57c \ud558\uba70, MVVM \ud328\ud134 \uc5c6\uc774 \uc81c\uc5b4 \uad6c\uc870\ub97c \ud65c\uc6a9\ud55c \uacbd\uc6b0\ubcf4\ub2e4 \ub354 \uae68\ub057\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\uc131\uc774 \uc88b\uc740 \ucf54\ub4dc\ub97c \uacbd\ud5d8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
7. \uacb0\ub860<\/h2>\n
\uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 WPF\ub97c \uc0ac\uc6a9\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \uc5f0\ub77d\ucc98 \uad00\ub9ac \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. WPF\uc758 MVVM \ud328\ud134\uc744 \uc801\uc6a9\ud558\uc5ec \ucf54\ub4dc\uc758 \uc7ac\uc0ac\uc6a9\uc131\uacfc \ud14c\uc2a4\ud2b8 \uc6a9\uc774\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc74c\uc744 \ubcf4\uc5ec\uc8fc\uc5c8\uc2b5\ub2c8\ub2e4. \ud5a5\ud6c4 \ub354 \ubcf5\uc7a1\ud55c \uae30\ub2a5\ub4e4\uc744 \ucd94\uac00\ud558\uba74\uc11c WPF\uc758 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \ud65c\uc6a9\ud574\ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
8. \ucc38\uace0\uc790\ub8cc<\/h2>\n\n- WPF \uc2dc\uc791\ud558\uae30<\/a><\/li>\n
- MVVM \ud328\ud134 \uac1c\uc694<\/a><\/li>\n<\/ul>\n
WPF\ub294 \ub04a\uc784\uc5c6\uc774 \ubc1c\uc804\ud558\ub294 \uae30\uc220\uc785\ub2c8\ub2e4. \uacc4\uc18d\ud574\uc11c \ud559\uc2b5\ud558\uace0 \uc2e4\uc2b5\ud558\uc5ec \ub354 \ub098\uc740 \uac1c\ubc1c\uc790\uac00 \ub418\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"