{"id":30955,"date":"2024-10-28T10:43:56","date_gmt":"2024-10-28T10:43:56","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=30955"},"modified":"2024-11-26T06:46:54","modified_gmt":"2024-11-26T06:46:54","slug":"uwp-%ea%b0%9c%eb%b0%9c-content-control","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/30955\/","title":{"rendered":"UWP \uac1c\ubc1c, Content Control"},"content":{"rendered":"<p>\n    UWP(Universal Windows Platform) \uac1c\ubc1c\uc5d0\uc11c <strong>Content Control<\/strong>\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\uc131 \uc694\uc18c\uc758 \uc911\uc694\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4. Content Control\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ucee8\ud150\uce20\ub97c \ud3ec\ud568\ud558\ub294 \ucee8\ud2b8\ub864\uc758 \uae30\ubcf8 \uac1c\ub150\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Content Control\uc758 \uc815\uc758, \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95, \ub2e4\uc591\ud55c \uc608\uc81c \ucf54\ub4dc \uadf8\ub9ac\uace0 \uc2e4\uc81c \uac1c\ubc1c\uc5d0\uc11c\uc758 \ud65c\uc6a9 \ubc29\uc548\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4.\n<\/p>\n<h2>1. Content Control\uc774\ub780?<\/h2>\n<p>\n    Content Control\uc740 \ud558\ub098\uc758 \uc790\uc2dd \uc694\uc18c\ub97c \uac00\uc9c0\uba70, \uadf8 \uc790\uc2dd \uc694\uc18c\ub294 \uac70\uc758 \ubaa8\ub4e0 UI \uc694\uc18c\uac00 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Content Control\uc740 UI\ub97c \uc815\uc758\ud558\uace0 \uc0ac\uc6a9\uc790\uc640 \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\ub294 \ube48 \uacf5\uac04\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc77c\ubc18\uc801\uc778 \uc608\ub85c\ub294 Button, TextBlock, Image \ub4f1\uc758 UI \uc694\uc18c\ub4e4\uc774 Content Control\uc758 \uae30\ub2a5\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. UWP\uc5d0\uc11c Content Control\uc740 <strong>Control<\/strong> \ud074\ub798\uc2a4\uc5d0\uc11c \ud30c\uc0dd\ub429\ub2c8\ub2e4.\n<\/p>\n<h2>2. Content Control\uc758 \uc8fc\uc694\uc6a9\ub3c4<\/h2>\n<ul>\n<li><strong>\uad6c\uc131 \uc694\uc18c\uc758 \uc7ac\uc0ac\uc6a9:<\/strong> Content Control\uc744 \uc0ac\uc6a9\ud558\uba74 UI \uad6c\uc131 \uc694\uc18c\ub97c \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud558\uac8c \ub9cc\ub4e4\uc5b4 \ud504\ub85c\uadf8\ub7a8\uc758 \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>\uc720\uc5f0\ud55c \ub808\uc774\uc544\uc6c3:<\/strong> \ub2e4\uc591\ud55c UI \uc694\uc18c\ub97c \ub3d9\uc77c\ud55c \ud615\ud0dc\ub85c \ub098\ud0c0\ub0bc \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub3d9\uc77c\ud55c Style\uc744 \uac00\uc9c4 \ub2e4\ub978 UI \uc694\uc18c\ub97c \ub2e4\uc591\ud55c \ub0b4\uc6a9\uc73c\ub85c \ucc44\uc6cc\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>\ub370\uc774\ud130 \ubc14\uc778\ub529:<\/strong> Content Control\uc740 MVVM \uc544\ud0a4\ud14d\ucc98\ub97c \uc801\uc6a9\ud560 \ub54c \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574 UI\uc640 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1 \uac04\uc758 \uc5f0\uacb0\uc744 \uc6d0\ud65c\ud558\uac8c \ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2>3. Content Control\uc758 \uc885\ub958<\/h2>\n<p>\n    UWP\uc5d0\uc11c\ub294 \uc5ec\ub7ec \uc885\ub958\uc758 Content Control\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uadf8 \uc911 \uc77c\ubd80\ub97c \uc18c\uac1c\ud558\uaca0\uc2b5\ub2c8\ub2e4:\n<\/p>\n<ul>\n<li><strong>ContentControl:<\/strong> \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 Content Control\uc785\ub2c8\ub2e4. \uc5b4\ub5a4 \uc720\ud615\uc758 UI \uc694\uc18c\ub3c4 \ud3ec\ud568\ud560 \uc218 \uc788\uc73c\uba70, \ub2e4\uc591\ud55c \uc790\uc2dd \uc694\uc18c\ub97c \ub3d9\uc801\uc73c\ub85c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>Button:<\/strong> \ud074\ub9ad \uac00\ub2a5\ud55c \ubc84\ud2bc\uc73c\ub85c, TextBlock \ub610\ub294 Image\uc640 \uac19\uc740 \ub2e4\ub978 \uc694\uc18c\ub97c \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>Frame:<\/strong> \ub2e4\ub978 \ud398\uc774\uc9c0\ub97c \ud3ec\ud568\ud560 \uc218 \uc788\ub294 Content Control\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ud398\uc774\uc9c0\uac04 \ub124\ube44\uac8c\uc774\uc158\uc744 \uc27d\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li><strong>Border:<\/strong> UI \uad6c\uc131 \uc694\uc18c\ub97c \uac10\uc2f8\ub294 \ud14c\ub450\ub9ac \uc5ed\ud560\uc744 \ud558\uba70, \uc8fc\uc704\uc5d0 \ube44\uc8fc\uc5bc \ud6a8\uacfc\ub97c \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2>4. Content Control \uc0ac\uc6a9 \uc608\uc81c<\/h2>\n<p>\n    \uc774\uc81c Content Control\uc744 \uc9c1\uc811 \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c ContentControl\uc744 \uc0ac\uc6a9\ud558\ub294 \uac04\ub2e8\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4.\n<\/p>\n<h3>\uc608\uc81c 1: ContentControl\uc744 \uc0ac\uc6a9\ud558\ub294 \uae30\ubcf8 \uc608\uc81c<\/h3>\n<pre><code class=\"language-xml\">\n<page x:class=\"ContentControlExample.MainPage\" xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\" xmlns:local=\"using:ContentControlExample\" xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\">\n\n    <grid background=\"{ThemeResource ApplicationPageBackgroundThemeBrush}\">\n        <contentcontrol x:name=\"MyContentControl\">\n            <textblock fontsize=\"24\" horizontalalignment=\"Center\" text=\"\uc548\ub155\ud558\uc138\uc694, UWP!\" verticalalignment=\"Center\"><\/textblock>\n        <\/contentcontrol>\n    <\/grid>\n<\/page>\n<\/code><\/pre>\n<h4>\uc124\uba85<\/h4>\n<p>\n    \uc704 \ucf54\ub4dc\ub294 \uac04\ub2e8\ud55c UWP \ud398\uc774\uc9c0\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. ContentControl \uc548\uc5d0 TextBlock\uc744 \ucd94\uac00\ud558\uc5ec &#8220;\uc548\ub155\ud558\uc138\uc694, UWP!&#8221;\ub77c\ub294 \ud14d\uc2a4\ud2b8\ub97c \uc911\uc559\uc5d0 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<br \/>\n    ContentControl\uc740 \ub2e4\ub978 UI \uc694\uc18c\ub85c \ub300\uccb4\ud560 \uc218 \uc788\uc73c\uba70, \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uc694\uad6c\uc5d0 \ub9de\ub294 UI\ub97c \ub3d9\uc801\uc73c\ub85c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h3>\uc608\uc81c 2: ContentControl\uc5d0\uc11c UI \uc694\uc18c \ub3d9\uc801\uc73c\ub85c \ubcc0\uacbd\ud558\uae30<\/h3>\n<pre><code class=\"language-csharp\">\nusing Windows.UI.Xaml.Controls;\n\nnamespace ContentControlExample\n{\n    public sealed partial class MainPage : Page\n    {\n        public MainPage()\n        {\n            this.InitializeComponent();\n            ChangeContent();\n        }\n\n        private void ChangeContent()\n        {\n            \/\/ \ubc84\ud2bc \uc0dd\uc131\n            Button dynamicButton = new Button();\n            dynamicButton.Content = \"\ud074\ub9ad\ud558\uc138\uc694!\";\n            dynamicButton.Click += DynamicButton_Click;\n\n            \/\/ ContentControl\uc758 \ub0b4\uc6a9\uc744 \ubcc0\uacbd\n            MyContentControl.Content = dynamicButton;\n        }\n\n        private void DynamicButton_Click(object sender, RoutedEventArgs e)\n        {\n            \/\/ \ud074\ub9ad \uc2dc \ub3d9\uc791 \uc218\ud589\n            MyContentControl.Content = \"\ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\";\n        }\n    }\n}\n<\/code><\/pre>\n<h4>\uc124\uba85<\/h4>\n<p>\n    \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 C# \ucf54\ub4dc\uc5d0\uc11c ContentControl\uc758 \ub0b4\uc6a9\uc744 \ub3d9\uc801\uc73c\ub85c \ubcc0\uacbd\ud569\ub2c8\ub2e4. \ucd08\uae30\uc5d0\ub294 \ubc84\ud2bc\uc744 \uc0dd\uc131\ud558\uace0, \ubc84\ud2bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c ContentControl\uc758 \ub0b4\uc6a9\uc774 \ubcc0\uacbd\ub429\ub2c8\ub2e4.<br \/>\n    \uc774\ub294 UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\uc790\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uad00\ub9ac\ud558\ub294 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.\n<\/p>\n<h2>5. Content Control\uc5d0 \ub370\uc774\ud130 \ubc14\uc778\ub529\ud558\uae30<\/h2>\n<p>\n    MVVM \ud328\ud134\uc744 \uc0ac\uc6a9\ud560 \ub54c, \ub370\uc774\ud130 \ubc14\uc778\ub529\uc740 \ub9e4\uc6b0 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. Content Control \uc548\uc5d0 \ub370\uc774\ud130\ub97c \ubc14\uc778\ub529\ud558\uc5ec \ubdf0\uc640 \ubdf0\ubaa8\ub378 \uac04\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uc6d0\ud65c\ud558\uac8c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h3>\uc608\uc81c 3: \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574 ContentControl \uc0ac\uc6a9\ud558\uae30<\/h3>\n<pre><code class=\"language-xml\">\n<page datacontext=\"{Binding RelativeSource={RelativeSource Self}}\" x:class=\"ContentControlExample.MainPage\" xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\" xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\">\n\n    <grid background=\"{ThemeResource ApplicationPageBackgroundThemeBrush}\">\n        <contentcontrol content=\"{Binding MyText}\" fontsize=\"24\" horizontalalignment=\"Center\" verticalalignment=\"Center\"><\/contentcontrol>\n    <\/grid>\n<\/page>\n<\/code><\/pre>\n<pre><code class=\"language-csharp\">\nusing System.ComponentModel;\nusing Windows.UI.Xaml.Controls;\n\nnamespace ContentControlExample\n{\n    public sealed partial class MainPage : Page, INotifyPropertyChanged\n    {\n        public event PropertyChangedEventHandler PropertyChanged;\n\n        private string _myText = \"\uc548\ub155\ud558\uc138\uc694, \ub370\uc774\ud130 \ubc14\uc778\ub529!\";\n        public string MyText\n        {\n            get { return _myText; }\n            set\n            {\n                _myText = value;\n                OnPropertyChanged(nameof(MyText));\n            }\n        }\n\n        public MainPage()\n        {\n            this.InitializeComponent();\n        }\n\n        protected void OnPropertyChanged(string propertyName)\n        {\n            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n        }\n    }\n}\n<\/code><\/pre>\n<h4>\uc124\uba85<\/h4>\n<p>\n    \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 MainPage\uc758 DataContext\ub97c \uc124\uc815\ud558\uace0, MyText \uc18d\uc131\uc744 ContentControl\uc5d0 \ubc14\uc778\ub529\ud569\ub2c8\ub2e4. MyText \uc18d\uc131\uc774 \ubcc0\uacbd\ub418\uba74 ContentControl\uc758 \ub0b4\uc6a9\ub3c4 \uc790\ub3d9\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ub429\ub2c8\ub2e4.<br \/>\n    \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574 UI\uc640 \ub370\uc774\ud130\uc758 \ubd84\ub9ac\ub97c \uc720\uc9c0\ud560 \uc218 \uc788\uc73c\uba70, \ud6a8\uc728\uc801\uc778 \uc720\uc9c0\ubcf4\uc218\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.\n<\/p>\n<h2>6. Content Control \uc2a4\ud0c0\uc77c \ubc0f \ud15c\ud50c\ub9bf \uc815\uc758\ud558\uae30<\/h2>\n<p>\n    UWP\uc5d0\uc11c\ub294 Content Control\uc5d0 \ub300\ud55c \uc2a4\ud0c0\uc77c \ubc0f \ud15c\ud50c\ub9bf\uc744 \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc804\uccb4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uac78\uccd0 \uc77c\uad00\ub41c UI\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h3>\uc608\uc81c 4: Content Control \uc2a4\ud0c0\uc77c \uc815\uc758\ud558\uae30<\/h3>\n<pre><code class=\"language-xml\">\n<page.resources>\n    <style targettype=\"ContentControl\" x:key=\"MyContentStyle\">\n        <Setter Property=\"Background\" Value=\"LightGray\"\/>\n        <Setter Property=\"Foreground\" Value=\"Black\"\/>\n        <Setter Property=\"Padding\" Value=\"20\"\/>\n        <Setter Property=\"FontSize\" Value=\"36\"\/>\n        <Setter Property=\"BorderBrush\" Value=\"Black\"\/>\n        <Setter Property=\"BorderThickness\" Value=\"2\"\/>\n    <\/style>\n<\/page.resources>\n\n<grid background=\"{ThemeResource ApplicationPageBackgroundThemeBrush}\">\n    <contentcontrol style=\"{StaticResource MyContentStyle}\">\n        <textblock text=\"\uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub41c ContentControl\"><\/textblock>\n    <\/contentcontrol>\n<\/grid>\n<\/code><\/pre>\n<h4>\uc124\uba85<\/h4>\n<p>\n    \uc704 \ucf54\ub4dc\uc5d0\uc11c\ub294 Content Control\uc758 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud588\uc2b5\ub2c8\ub2e4. \ubc30\uacbd\uc0c9, \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1, \ud328\ub529, \ud3f0\ud2b8 \ud06c\uae30, \ud14c\ub450\ub9ac \uc0c9\uc0c1 \ub4f1\uc744 \uc124\uc815\ud558\uc5ec \ub2e4\uc591\ud55c UI \uc694\uc18c\uc5d0 \ub300\ud55c \uc77c\uad00\ub41c \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h2>7. Content Control\uc744 \ud65c\uc6a9\ud55c \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uad6c\ud604\ud558\uae30<\/h2>\n<p>\n    \uc2e4\uc81c UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Content Control\uc744 \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uc608\uc81c\ub85c \uac04\ub2e8\ud55c \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ud604\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<br \/>\n    \uc0ac\uc6a9\uc790\uac00 \uc785\ub825\ud55c \uba54\uc2dc\uc9c0\ub97c Content Control\uc744 \ud1b5\ud574 \ud45c\uc2dc\ud558\ub3c4\ub85d \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h3>\uc608\uc81c 5: \uac04\ub2e8\ud55c \ucc44\ud305 UI \uad6c\ucd95\ud558\uae30<\/h3>\n<pre><code class=\"language-xml\">\n<page x:class=\"ChatApp.MainPage\" xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\" xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\">\n\n    <grid background=\"{ThemeResource ApplicationPageBackgroundThemeBrush}\">\n        <stackpanel>\n            <textbox placeholdertext=\"\uba54\uc2dc\uc9c0\ub97c \uc785\ub825\ud558\uc138\uc694.\" x:name=\"MessageInput\"><\/textbox>\n            <button click=\"SendMessage_Click\" content=\"\uc804\uc1a1\"><\/button>\n            <scrollviewer height=\"300\">\n                <stackpanel x:name=\"MessageList\"><\/stackpanel>\n            <\/scrollviewer>\n        <\/stackpanel>\n    <\/grid>\n<\/page>\n<\/code><\/pre>\n<pre><code class=\"language-csharp\">\nusing Windows.UI.Xaml;\nusing Windows.UI.Xaml.Controls;\n\nnamespace ChatApp\n{\n    public sealed partial class MainPage : Page\n    {\n        public MainPage()\n        {\n            this.InitializeComponent();\n        }\n\n        private void SendMessage_Click(object sender, RoutedEventArgs e)\n        {\n            string message = MessageInput.Text;\n            if (!string.IsNullOrWhiteSpace(message))\n            {\n                TextBlock messageBlock = new TextBlock();\n                messageBlock.Text = message;\n                MessageList.Children.Add(messageBlock);\n                MessageInput.Text = string.Empty; \/\/ Clear the input\n            }\n        }\n    }\n}\n<\/code><\/pre>\n<h4>\uc124\uba85<\/h4>\n<p>\n    \uc774 \uc608\uc81c\ub294 \uac04\ub2e8\ud55c \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 UI\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \uba54\uc2dc\uc9c0\ub97c \uc785\ub825\ud558\uace0 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \uba54\uc2dc\uc9c0\uac00 \uc2a4\ud06c\ub864 \uac00\ub2a5\ud55c \ubaa9\ub85d\uc5d0 \ucd94\uac00\ub429\ub2c8\ub2e4.<br \/>\n    Content Control\uc740 TextBlock\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, UI\uc758 \ub3d9\uc801\uc778 \ubcc0\ud654\uc5d0 \uc720\uc6a9\ud558\uac8c \ud65c\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n<h2>\uacb0\ub860<\/h2>\n<p>\n    \uc774 \uae00\uc5d0\uc11c\ub294 UWP \uac1c\ubc1c\uc5d0\uc11c Content Control\uc758 \uac1c\ub150\uacfc \ud65c\uc6a9\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. Content Control\uc740 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud558\uace0 \uc720\uc5f0\ud55c UI \uad6c\ucd95\uc744 \uc9c0\uc6d0\ud558\ub294 \uc911\uc694\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4.<br \/>\n    \ub2e4\uc591\ud55c \uc608\uc81c\ub97c \ud1b5\ud574 Content Control\uc744 \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6e0\uc73c\uba70, \uc2e4\uc81c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c\uc758 \ud65c\uc6a9 \uac00\ub2a5\uc131\ub3c4 \uc5ff\ubcfc \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<br \/>\n    UWP \uac1c\ubc1c \uc2dc Content Control\uc758 \uc911\uc694\uc131\uc744 \uc778\uc9c0\ud558\uace0 \uc801\uc808\ud788 \ud65c\uc6a9\ud558\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n<\/p>\n<p>\n    \uad81\uae08\ud55c \uc810\uc774\ub098 \ucd94\uac00\uc801\uc778 \uc9c8\ubb38\uc774 \uc788\ub2e4\uba74 \ub313\uae00\ub85c \ub0a8\uaca8\uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uac10\uc0ac\ud569\ub2c8\ub2e4!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UWP(Universal Windows Platform) \uac1c\ubc1c\uc5d0\uc11c Content Control\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\uc131 \uc694\uc18c\uc758 \uc911\uc694\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4. Content Control\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ucee8\ud150\uce20\ub97c \ud3ec\ud568\ud558\ub294 \ucee8\ud2b8\ub864\uc758 \uae30\ubcf8 \uac1c\ub150\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Content Control\uc758 \uc815\uc758, \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95, \ub2e4\uc591\ud55c \uc608\uc81c \ucf54\ub4dc \uadf8\ub9ac\uace0 \uc2e4\uc81c \uac1c\ubc1c\uc5d0\uc11c\uc758 \ud65c\uc6a9 \ubc29\uc548\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4. 1. Content Control\uc774\ub780? Content Control\uc740 \ud558\ub098\uc758 \uc790\uc2dd \uc694\uc18c\ub97c \uac00\uc9c0\uba70, \uadf8 \uc790\uc2dd \uc694\uc18c\ub294 \uac70\uc758 \ubaa8\ub4e0 UI \uc694\uc18c\uac00 \ub420 \uc218 &hellip; <a href=\"https:\/\/atmokpo.com\/w\/30955\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;UWP \uac1c\ubc1c, Content Control&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38],"tags":[],"class_list":["post-30955","post","type-post","status-publish","format-standard","hentry","category-uwp-"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmokpo.com\/w\/30955\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"UWP(Universal Windows Platform) \uac1c\ubc1c\uc5d0\uc11c Content Control\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\uc131 \uc694\uc18c\uc758 \uc911\uc694\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4. Content Control\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ucee8\ud150\uce20\ub97c \ud3ec\ud568\ud558\ub294 \ucee8\ud2b8\ub864\uc758 \uae30\ubcf8 \uac1c\ub150\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Content Control\uc758 \uc815\uc758, \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95, \ub2e4\uc591\ud55c \uc608\uc81c \ucf54\ub4dc \uadf8\ub9ac\uace0 \uc2e4\uc81c \uac1c\ubc1c\uc5d0\uc11c\uc758 \ud65c\uc6a9 \ubc29\uc548\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4. 1. Content Control\uc774\ub780? Content Control\uc740 \ud558\ub098\uc758 \uc790\uc2dd \uc694\uc18c\ub97c \uac00\uc9c0\uba70, \uadf8 \uc790\uc2dd \uc694\uc18c\ub294 \uac70\uc758 \ubaa8\ub4e0 UI \uc694\uc18c\uac00 \ub420 \uc218 &hellip; \ub354 \ubcf4\uae30 &quot;UWP \uac1c\ubc1c, Content Control&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/30955\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T10:43:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-26T06:46:54+00:00\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:site\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"UWP \uac1c\ubc1c, Content Control\",\"datePublished\":\"2024-10-28T10:43:56+00:00\",\"dateModified\":\"2024-11-26T06:46:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/\"},\"wordCount\":128,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"UWP \uac1c\ubc1c\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/\",\"url\":\"https:\/\/atmokpo.com\/w\/30955\/\",\"name\":\"UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-10-28T10:43:56+00:00\",\"dateModified\":\"2024-11-26T06:46:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/30955\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/30955\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UWP \uac1c\ubc1c, Content Control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmokpo.com\/w\/#website\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmokpo.com\/w\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"contentUrl\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"width\":400,\"height\":400,\"caption\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\"},\"image\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/bebubo4\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"http:\/\/atmokpo.com\/w\"],\"url\":\"https:\/\/atmokpo.com\/w\/author\/root\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmokpo.com\/w\/30955\/","og_locale":"ko_KR","og_type":"article","og_title":"UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"UWP(Universal Windows Platform) \uac1c\ubc1c\uc5d0\uc11c Content Control\uc740 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\uc131 \uc694\uc18c\uc758 \uc911\uc694\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4. Content Control\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ucee8\ud150\uce20\ub97c \ud3ec\ud568\ud558\ub294 \ucee8\ud2b8\ub864\uc758 \uae30\ubcf8 \uac1c\ub150\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Content Control\uc758 \uc815\uc758, \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95, \ub2e4\uc591\ud55c \uc608\uc81c \ucf54\ub4dc \uadf8\ub9ac\uace0 \uc2e4\uc81c \uac1c\ubc1c\uc5d0\uc11c\uc758 \ud65c\uc6a9 \ubc29\uc548\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4. 1. Content Control\uc774\ub780? Content Control\uc740 \ud558\ub098\uc758 \uc790\uc2dd \uc694\uc18c\ub97c \uac00\uc9c0\uba70, \uadf8 \uc790\uc2dd \uc694\uc18c\ub294 \uac70\uc758 \ubaa8\ub4e0 UI \uc694\uc18c\uac00 \ub420 \uc218 &hellip; \ub354 \ubcf4\uae30 \"UWP \uac1c\ubc1c, Content Control\"","og_url":"https:\/\/atmokpo.com\/w\/30955\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-10-28T10:43:56+00:00","article_modified_time":"2024-11-26T06:46:54+00:00","author":"root","twitter_card":"summary_large_image","twitter_creator":"@bebubo4","twitter_site":"@bebubo4","twitter_misc":{"\uae00\uc4f4\uc774":"root","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"1\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/30955\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/30955\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"UWP \uac1c\ubc1c, Content Control","datePublished":"2024-10-28T10:43:56+00:00","dateModified":"2024-11-26T06:46:54+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/30955\/"},"wordCount":128,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["UWP \uac1c\ubc1c"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/30955\/","url":"https:\/\/atmokpo.com\/w\/30955\/","name":"UWP \uac1c\ubc1c, Content Control - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-10-28T10:43:56+00:00","dateModified":"2024-11-26T06:46:54+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/30955\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/30955\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/30955\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"UWP \uac1c\ubc1c, Content Control"}]},{"@type":"WebSite","@id":"https:\/\/atmokpo.com\/w\/#website","url":"https:\/\/atmokpo.com\/w\/","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","description":"","publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmokpo.com\/w\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/atmokpo.com\/w\/#organization","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","url":"https:\/\/atmokpo.com\/w\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/","url":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","contentUrl":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","width":400,"height":400,"caption":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8"},"image":{"@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/bebubo4"]},{"@type":"Person","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7","name":"root","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","caption":"root"},"sameAs":["http:\/\/atmokpo.com\/w"],"url":"https:\/\/atmokpo.com\/w\/author\/root\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/30955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/comments?post=30955"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/30955\/revisions"}],"predecessor-version":[{"id":30956,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/30955\/revisions\/30956"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=30955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=30955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=30955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}