1. \uc11c\ub860<\/h2>\n
\n \uacf5\uc7a5 \uc790\ub3d9\ud654 \uc2dc\uc2a4\ud15c\uc740 \ud604\ub300 \uc81c\uc870\uc5c5\uc5d0\uc11c \uc810\uc810 \ub354 \uc911\uc694\ud55c \uc694\uc18c\ub85c \uc790\ub9ac\uc7a1\uace0 \uc788\uc2b5\ub2c8\ub2e4. \n HMI\ub294 \uc0ac\uc6a9\uc790\uac00 \uc790\ub3d9\ud654\ub41c \uae30\uacc4\ub098 \uc2dc\uc2a4\ud15c\uacfc \uc18c\ud1b5\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub41c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uc785\ub2c8\ub2e4. \n C#\uc740 \uac15\ub825\ud55c \ud0c0\uc785 \uc5b8\uc5b4\ub85c\uc11c, \uac1d\uccb4\uc9c0\ud5a5 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc9c0\uc6d0\ud558\uc5ec \ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c\uc744 \uc27d\uac8c \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \n HMI\ub97c \uc124\uacc4\ud560 \ub54c\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uc744 \ucd5c\uc6b0\uc120\uc73c\ub85c \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4. \n HMI\ub294 \uc5ec\ub7ec \uad6c\uc131 \uc694\uc18c\ub85c \uc774\ub8e8\uc5b4\uc838 \uc788\uc73c\uba70, \uae30\ubcf8\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uc694\uc18c\ub4e4\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4:\n <\/p>\n \n \uc544\ub798\ub294 WPF\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c HMI\ub97c \uad6c\ud604\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4. \n Visual Studio\ub97c \uc5f4\uace0 \uc0c8\ub85c\uc6b4 WPF \uc571(.NET Core) \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 MainWindow.xaml\uc758 \ucf54\ub4dc \uc608\uc2dc\uc785\ub2c8\ub2e4:<\/p>\n \uc774\uc81c MainWindow.xaml.cs \ud30c\uc77c\uc5d0 \ud074\ub9ad \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \ucd94\uac00\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:<\/p>\n \n \uc704 \ucf54\ub4dc\ub294 \ubc84\ud2bc \ud074\ub9ad \uc2dc \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc758 \ub0b4\uc6a9\uc744 OutputLabel\uc5d0 \ucd9c\ub825\ud558\ub294 \uac04\ub2e8\ud55c \uae30\ub2a5\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4. \n HMI\ub294 \uc13c\uc11c, PLC(Programmable Logic Controller), \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc640 \ud1b5\uc2e0\ud558\uc5ec \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ub97c \ucc98\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4. \n HMI\uc5d0\uc11c \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \n NuGet \ud328\ud0a4\uc9c0 \uad00\ub9ac\uc790\ub97c \ud1b5\ud574 LiveCharts \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc124\uce58\ud569\ub2c8\ub2e4. \n C# \ucf54\ub4dc\uc5d0\uc11c \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uc124\uc815\ud558\uc5ec \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ub97c \uc1a1\uc2e0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\n <\/p>\n \n C#\uc744 \uc774\uc6a9\ud55c HMI \uac1c\ubc1c\uc740 \uc81c\uc870\uc5c5\uc758 \uacf5\uc7a5 \uc790\ub3d9\ud654 \uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4. <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"
\n \uc774\ub7ec\ud55c \uc2dc\uc2a4\ud15c\uc5d0\uc11c HMI(\uc778\uac04-\uae30\uacc4 \uc778\ud130\ud398\uc774\uc2a4)\ub294 \uc6b4\uc601\uc790\uc640 \uc790\ub3d9\ud654 \uc2dc\uc2a4\ud15c \uac04\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uac00\ub2a5\ud558\uac8c \ud558\ub294 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.
\n C# \uc5b8\uc5b4\ub294 .NET \ud504\ub808\uc784\uc6cc\ud06c\uc640\uc758 \ud638\ud658\uc131 \ub355\ubd84\uc5d0 HMI \uac1c\ubc1c\uc5d0 \ud2b9\ud788 \uc801\ud569\ud569\ub2c8\ub2e4.
\n \uc774 \uae00\uc5d0\uc11c\ub294 C#\uc744 \uc0ac\uc6a9\ud55c HMI\uc758 \uc124\uacc4\uc640 \uad6c\ud604\uc5d0 \ub300\ud55c \ud3ec\uad04\uc801\uc778 \uac00\uc774\ub4dc\ub97c \uc81c\uacf5\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n2. HMI\uc758 \uc911\uc694\uc131<\/h2>\n
\n \uc774 \uc778\ud130\ud398\uc774\uc2a4\ub294 \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \ubaa8\ub2c8\ud130\ub9c1, \uacbd\uace0 \uc2dc\uc2a4\ud15c, \ub370\uc774\ud130 \uc785\ub825 \ubc0f \uc2dc\uc2a4\ud15c \uc81c\uc5b4 \uae30\ub2a5\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.
\n HMI\uc758 \uc8fc\uc694 \uae30\ub2a5 \uc911 \uc77c\ubd80\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:\n <\/p>\n\n
3. C#\uc744 \uc120\ud0dd\ud558\ub294 \uc774\uc720<\/h2>\n
\n .NET \ud504\ub808\uc784\uc6cc\ud06c\uc640\uc758 \ud1b5\ud569\uc73c\ub85c \uc778\ud574 \ub2e4\uc591\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ub3c4\uad6c\ub97c \ud65c\uc6a9\ud558\uc5ec HMI \uac1c\ubc1c\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc9c4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \ub610\ud55c, WPF(Windows Presentation Foundation)\uc640 WinForms\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud48d\ubd80\ud55c UI\ub97c \ub9cc\ub4e4 \uc218 \uc788\ub294 \uae30\ub2a5\uc774 \uc788\uc5b4 HMI \uac1c\ubc1c\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n4. HMI \uc124\uacc4 \uc6d0\uce59<\/h2>\n
\n \uc0ac\uc6a9\uc790\uac00 \uc9c1\uad00\uc801\uc73c\ub85c \uc2dc\uc2a4\ud15c\uc744 \uc774\ud574\ud558\uace0 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub2e4\uc74c\uacfc \uac19\uc740 \uc6d0\uce59\uc744 \uae30\uc5b5\ud574\uc57c \ud569\ub2c8\ub2e4:\n <\/p>\n\n
5. HMI\uc758 \uae30\ubcf8 \uad6c\uc131 \uc694\uc18c<\/h2>\n
\n
6. C#\uc744 \uc0ac\uc6a9\ud55c HMI \uad6c\ud604 \uc608\uc81c<\/h2>\n
\n \uc774 \uc608\uc81c\uc5d0\uc11c\ub294 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \ud14d\uc2a4\ud2b8 \ubc15\uc2a4\uc758 \ub0b4\uc6a9\uc744 \ubcc0\uacbd\ud558\ub294 \uae30\ubcf8\uc801\uc778 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n6.1 WPF \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h3>\n
\n \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\uc744 \uc644\ub8cc\ud558\uba74 \uae30\ubcf8 XAML \ud30c\uc77c\uc778 MainWindow.xaml\uc774 \uc0dd\uc131\ub429\ub2c8\ub2e4.\n <\/p>\n6.2 XAML \ucf54\ub4dc \uc791\uc131<\/h3>\n
\n
\n<Window x:Class=\"HMIExample.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n Title=\"HMI Example\" Height=\"200\" Width=\"300\">\n <Grid>\n <Label Content=\"\uac12\uc744 \uc785\ub825\ud558\uc138\uc694:\" VerticalAlignment=\"Top\" HorizontalAlignment=\"Left\" Margin=\"10\"\/>\n <TextBox Name=\"InputTextBox\" VerticalAlignment=\"Top\" HorizontalAlignment=\"Left\" Margin=\"10,30,0,0\" Width=\"200\"\/>\n <Button Content=\"\ubcc0\uacbd\" VerticalAlignment=\"Top\" HorizontalAlignment=\"Left\" Margin=\"10,70,0,0\" Width=\"200\" Click=\"ChangeButton_Click\"\/>\n <Label Name=\"OutputLabel\" VerticalAlignment=\"Top\" HorizontalAlignment=\"Left\" Margin=\"10,110,0,0\" Content=\"\uc5ec\uae30\uc5d0 \ucd9c\ub825\ub429\ub2c8\ub2e4.\"><\/Label>\n <\/Grid>\n<\/Window>\n<\/code>\n <\/pre>\n6.3 C# \ucf54\ub4dc \uc791\uc131<\/h3>\n
\n
\nusing System.Windows;\n\nnamespace HMIExample\n{\n public partial class MainWindow : Window\n {\n public MainWindow()\n {\n InitializeComponent();\n }\n\n private void ChangeButton_Click(object sender, RoutedEventArgs e)\n {\n OutputLabel.Content = InputTextBox.Text;\n }\n }\n}\n<\/code>\n <\/pre>\n
\n \uc774 HMI\ub294 \uae30\ubcf8\uc801\uc778 \uc778\ud130\ud398\uc774\uc2a4 \uc6d0\uce59\uc744 \ub530\ub974\uace0 \uc788\uc73c\uba70, \ud655\uc7a5 \uac00\ub2a5\uc131\uc774 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n7. HMI \ud1b5\uc2e0 \ubc29\uc2dd<\/h2>\n
\n C#\uc5d0\uc11c\ub294 \uc5ec\ub7ec \ud1b5\uc2e0 \ubc29\ubc95\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\n <\/p>\n\n
8. \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \uc2dc\uac01\ud654<\/h2>\n
\n WPF\uc758 \ucc28\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \uc2dc\uac01\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n LiveCharts<\/strong>\uc640 \uac19\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:\n <\/p>\n8.1 LiveCharts \uc124\uce58<\/h3>\n
\n \uc124\uce58 \ud6c4, XAML\uc5d0 \ucc28\ud2b8 \ucee8\ud2b8\ub864\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n8.2 \ucc28\ud2b8 \uad6c\ud604 \uc608\uc81c<\/h3>\n
\n
\n<Window x:Class=\"HMIExample.MainWindow\"\n ... \n xmlns:lc=\"clr-namespace:LiveCharts;assembly=LiveCharts.Wpf\">\n <Grid>\n ...\n <lvc:CartesianChart Name=\"MyChart\">\n <lvc:CartesianChart.Series>\n <lvc:LineSeries Values=\"{Binding SeriesValues}\"\/>\n <\/lvc:CartesianChart.Series>\n <\/lvc:CartesianChart>\n <\/Grid>\n<\/Window>\n<\/code>\n <\/pre>\n8.3 C# \ub370\uc774\ud130 \ubc14\uc778\ub529<\/h3>\n
\n
\nusing System.Collections.ObjectModel;\n\nnamespace HMIExample\n{\n public partial class MainWindow : Window\n {\n public ObservableCollection<double> SeriesValues { get; set; }\n\n public MainWindow()\n {\n InitializeComponent();\n SeriesValues = new ObservableCollection<double> { 1, 2, 3, 4, 5 };\n DataContext = this;\n }\n\n \/\/ \ub370\uc774\ud130\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\ub294 \uba54\uc11c\ub4dc\n private void UpdateData()\n {\n \/\/ \uc0c8\ub85c\uc6b4 \ub370\uc774\ud130\ub97c \uc218\uc2e0\ud558\uace0 SeriesValues\uc5d0 \ucd94\uac00\n }\n }\n}\n<\/code>\n <\/pre>\n<\/section>\n9. \uacb0\ub860<\/h2>\n
\n \ubcf8 \uac00\uc774\ub4dc\uc5d0\uc11c\ub294 HMI \uc124\uacc4 \uc6d0\uce59, C#\uc744 \uc774\uc6a9\ud55c \uad6c\ud604 \ubc29\ubc95, \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \uc2dc\uac01\ud654 \uae30\ubc95 \ub4f1\uc744 \ub2e4\ub8e8\uc5c8\uc2b5\ub2c8\ub2e4.
\n \uc774 \uac00\uc774\ub4dc\ub97c \ud1b5\ud574 HMI \uac1c\ubc1c\uc5d0 \ub300\ud55c \uc774\ud574\ub97c \ub192\uc77c \uc218 \uc788\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.
\n \ubcf4\ub2e4 \ubc1c\uc804\ub41c HMI \uc2dc\uc2a4\ud15c\uc744 \uc704\ud574 \uc9c0\uc18d\uc801\uc778 \ud559\uc2b5\uacfc \uc5f0\uad6c\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n<\/article>\n