UWP(Universal Windows Platform)\ub294 \ub2e4\uc591\ud55c Windows 10 \uc7a5\uce58\uc5d0\uc11c \uc2e4\ud589\ub420 \uc218 \uc788\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\ub294 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub294 PC, \ud0dc\ube14\ub9bf, Xbox, IoT \uc7a5\uce58 \ub4f1\uc5d0\uc11c \uc2e4\ud589\ub418\ub294 \uc571\uc744 \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. UWP\ub294 Microsoft\uc758 \uc0c8\ub85c\uc6b4 \uc571 \ubaa8\ub378\ub85c, \ubaa8\ub358\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\uc640 \uc720\uc5f0\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uad6c\uc870\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n
UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\uae30 \uc704\ud574\uc11c\ub294 \ub2e4\uc74c\uc758 \ud658\uacbd\uc774 \ud544\uc694\ud569\ub2c8\ub2e4:<\/p>\n
Visual Studio \uc124\uce58 \ud6c4, ‘UWP \uac1c\ubc1c’ \uc6cc\ud06c\ub85c\ub4dc\ub97c \uc120\ud0dd\ud558\uc5ec \uc124\uce58\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n
UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \ud30c\uc77c\ub4e4\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4:<\/p>\n
\uc544\ub798 \ub2e8\uacc4\uc5d0 \ub530\ub77c \uac04\ub2e8\ud55c UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uba74, App.xaml\uacfc MainPage.xaml \ud30c\uc77c\uc774 \uc0dd\uc131\ub429\ub2c8\ub2e4. \ub2e4\uc74c\uc740 MainPage.xaml\uc758 \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n
\n<Page\n x:Class=\"YourAppNamespace.MainPage\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n xmlns:local=\"using:YourAppNamespace\"\n xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n mc:Ignorable=\"d\">\n\n <Grid Background=\"{ThemeResource ApplicationPageBackgroundThemeBrush}\">\n <TextBlock x:Name=\"textBlock\" Text=\"Hello, UWP!\" FontSize=\"24\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\/>\n <Button Content=\"\ud074\ub9ad\ud558\uc138\uc694\" Click=\"Button_Click\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Bottom\" Margin=\"0,50,0,0\"\/>\n <\/Grid>\n<\/Page>\n<\/code><\/pre>\n\uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c \uc6b0\ub9ac\ub294 \uac04\ub2e8\ud55c \ud14d\uc2a4\ud2b8\uc640 \ubc84\ud2bc\uc744 \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4. \uc774\uc81c MainPage.xaml.cs \ud30c\uc77c\uc5d0\uc11c \ubc84\ud2bc \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\nusing Windows.UI.Xaml;\nusing Windows.UI.Xaml.Controls;\n\nnamespace YourAppNamespace\n{\n public sealed partial class MainPage : Page\n {\n public MainPage()\n {\n this.InitializeComponent();\n }\n\n private void Button_Click(object sender, RoutedEventArgs e)\n {\n textBlock.Text = \"\ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\";\n }\n }\n}\n<\/code><\/pre>\nUWP\uc5d0\uc11c \ub370\uc774\ud130 \ubc14\uc778\ub529<\/h2>\n
UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c\ub294 MVVM(Model-View-ViewModel) \ud328\ud134\uc744 \ud1b5\ud574 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 UI \uc694\uc18c\uc640 \ub370\uc774\ud130 \ubaa8\ub378 \uac04\uc758 \uc5f0\uacb0\uc744 \uc790\ub3d9\uc73c\ub85c \uc720\uc9c0\ud574 \uc90d\ub2c8\ub2e4. \uc544\ub798\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 XAML\uacfc C#\uc744 \uc0ac\uc6a9\ud55c \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n
\ubaa8\ub378 \uc0dd\uc131<\/h3>\n\npublic class Person\n{\n public string Name { get; set; }\n public int Age { get; set; }\n}\n<\/code><\/pre>\nViewModel \uc0dd\uc131<\/h3>\n\nusing System.ComponentModel;\n\npublic class PersonViewModel : INotifyPropertyChanged\n{\n private Person person;\n\n public PersonViewModel()\n {\n person = new Person() { Name = \"\ud64d\uae38\ub3d9\", Age = 30 };\n }\n\n public string Name\n {\n get => person.Name;\n set\n {\n person.Name = value;\n OnPropertyChanged(nameof(Name));\n }\n }\n\n public int Age\n {\n get => person.Age;\n set\n {\n person.Age = value;\n OnPropertyChanged(nameof(Age));\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>\nXAML\uc5d0 \ubc14\uc778\ub529 \uc801\uc6a9<\/h3>\n\n<Page\n x:Class=\"YourAppNamespace.MainPage\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n xmlns:local=\"using:YourAppNamespace\">\n\n <Grid>\n <TextBlock Text=\"{Binding Name}\" FontSize=\"24\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\/>\n <TextBox Text=\"{Binding Age, Mode=TwoWay}\" Width=\"200\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Bottom\"\/>\n <\/Grid>\n<\/Page>\n<\/code><\/pre>\n\uc704\uc758 \ucf54\ub4dc\ub294 Name \uc18d\uc131\uc744 \uc9c1\uc811 \ud14d\uc2a4\ud2b8 \ube14\ub85d\uc5d0 \ubc14\uc778\ub529\ud558\uace0, Age \uc18d\uc131\uc744 \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc5d0 \uc591\ubc29\ud5a5\uc73c\ub85c \ubc14\uc778\ub529\ud569\ub2c8\ub2e4. ViewModel\uc744 \ud398\uc774\uc9c0\uc758 \ub370\uc774\ud130 \ucee8\ud14d\uc2a4\ud2b8\ub85c \uc124\uc815\ud558\uba74, UI\uc5d0\uc11c \ub370\uc774\ud130\uac00 \uc790\ub3d9\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ub429\ub2c8\ub2e4.<\/p>\n
UWP \uc571\uc758 \ubc30\ud3ec<\/h2>\n
UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ubc30\ud3ec\ud558\ub294 \ubc29\ubc95\uc740 \uc5ec\ub7ec \uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n
\n- Windows \uc2a4\ud1a0\uc5b4: \uc571\uc744 Microsoft \uc2a4\ud1a0\uc5b4\uc5d0 \uc81c\ucd9c\ud558\uc5ec \ub354 \ub9ce\uc740 \uc0ac\uc6a9\uc790\uac00 \uc0ac\uc6a9\ud558\ub3c4\ub85d \ubc30\ud3ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
- \uc9c1\uc811 \ubc30\ud3ec: .appx \ud328\ud0a4\uc9c0\ub97c \uc0dd\uc131\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc9c1\uc811 \ubc30\ud3ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
- \ub85c\uceec \ud14c\uc2a4\ud2b8: \uac1c\ubc1c \ud658\uacbd\uc5d0\uc11c \uc571\uc744 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n
\uacb0\ub860<\/h2>\n
UWP \uac1c\ubc1c\uc740 \uc5ec\ub7ec Windows \uc7a5\uce58\uc5d0\uc11c \uc2e4\ud589\ud560 \uc218 \uc788\ub294 \uc720\uc5f0\ud558\uace0 \uc9c1\uad00\uc801\uc778 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\ub97c \ud1b5\ud574 UWP \uac1c\ubc1c\uc758 \uae30\ucd08\ub97c \ubc30\uc6b0\uace0, \uac04\ub2e8\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc168\uae38 \ubc14\ub78d\ub2c8\ub2e4. \ub354 \uae4a\uc774 \uc788\ub294 \ub0b4\uc6a9\uc740 \uacf5\uc2dd \ubb38\uc11c\ub098 \ub2e4\uc591\ud55c \ucee4\ubba4\ub2c8\ud2f0\ub97c \ud1b5\ud574 \ud559\uc2b5\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\ucc38\uace0 \uc790\ub8cc<\/h2>\n