\uac1c\ubc1c\uc790\ub4e4\uc774 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \ub54c \uc0ac\uc6a9\ud558\ub294 \uc544\ud0a4\ud14d\ucc98 \ud328\ud134 \uc911 \ud558\ub098\uc778 MVVM(Model-View-ViewModel) \ud328\ud134\uc740 \ud2b9\ud788 UWP(Universal Windows Platform) \uac1c\ubc1c\uc5d0 \uc801\ud569\ud55c \ud328\ud134\uc785\ub2c8\ub2e4. MVVM\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uba85\ud655\ud558\uac8c \uad6c\ubd84\ud558\uc5ec \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc774\uace0, \ud14c\uc2a4\ud2b8\uc758 \uc6a9\uc774\uc131\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294 MVVM \ud328\ud134\uc5d0\uc11c \uc911\uc694\ud55c \uc694\uc18c\uc778 ‘\ubaa8\ub378’\uc5d0 \ub300\ud574 \uae4a\uc774 \uc788\uac8c \ud0d0\uad6c\ud558\uace0\uc790 \ud569\ub2c8\ub2e4.<\/p>\n
MVVM \ud328\ud134\uc740 \uc138 \uac00\uc9c0 \uc8fc\uc694 \uad6c\uc131 \uc694\uc18c\ub85c \ub098\ub204\uc5b4\uc9d1\ub2c8\ub2e4:<\/p>\n
\ubaa8\ub378\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub370\uc774\ud130 \uad6c\uc870\ub97c \uc815\uc758\ud558\uace0, \ub370\uc774\ud130\uc758 \ubd88\ub7ec\uc624\uae30, \uc800\uc7a5 \ubc0f \uc720\ud6a8\uc131\uc744 \uac80\uc0ac\ud558\ub294 \ub85c\uc9c1\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4. UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0\uc11c \ubaa8\ub378\uc740 \uc8fc\ub85c \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uacfc \ub370\uc774\ud130 \ud45c\ud604\uc744 \uc704\ud574 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790\uc758 \uc815\ubcf4\ub098 \uc571\uc758 \uc124\uc815 \ub4f1\uacfc \uac19\uc740 \ub370\uc774\ud130\ub97c \uad00\ub9ac\ud558\ub294 \uacc4\uce35\uc785\ub2c8\ub2e4.<\/p>\n
\ubaa8\ub378\uc740 \uc77c\ubc18\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc131 \uc694\uc18c\ub85c \uc774\ub8e8\uc5b4\uc838 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n
\uac04\ub2e8\ud55c \uc0ac\uc6a9\uc790 \uc815\ubcf4 \ubaa8\ub378\uc744 \uad6c\ud604\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 C#\uacfc XAML\uc744 \uc0ac\uc6a9\ud558\uc5ec UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubaa8\ub378\uc744 \uc0dd\uc131\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
public class User\n{\n public string Name { get; set; }\n public string Email { get; set; }\n public string Phone { get; set; }\n\n public User(string name, string email, string phone)\n {\n Name = name;\n Email = email;\n Phone = phone;\n }\n}<\/code><\/pre>\n2. \ub370\uc774\ud130 \uc800\uc7a5\uc18c \ud074\ub798\uc2a4 \uad6c\ud604\ud558\uae30<\/h3>\nusing System.Collections.Generic;\nusing System.Threading.Tasks;\n\npublic class UserRepository\n{\n private List<User> _users = new List<User>();\n\n public Task<List<User>> GetUsersAsync()\n {\n return Task.FromResult(_users);\n }\n\n public Task AddUserAsync(User user)\n {\n _users.Add(user);\n return Task.CompletedTask;\n }\n\n public Task RemoveUserAsync(User user)\n {\n _users.Remove(user);\n return Task.CompletedTask;\n }\n}<\/code><\/pre>\n3. \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1 \ud074\ub798\uc2a4 \uad6c\ud604\ud558\uae30<\/h3>\npublic class UserService\n{\n private UserRepository _userRepository;\n\n public UserService(UserRepository userRepository)\n {\n _userRepository = userRepository;\n }\n\n public async Task AddUserAsync(string name, string email, string phone)\n {\n var user = new User(name, email, phone);\n await _userRepository.AddUserAsync(user);\n }\n\n public async Task<List<User>> GetUsersAsync()\n {\n return await _userRepository.GetUsersAsync();\n }\n}<\/code><\/pre>\nMVVM\uacfc Model\uc758 \uc0c1\ud638\uc791\uc6a9<\/h2>\n
MVVM \ud328\ud134\uc5d0\uc11c \ubaa8\ub378\uc740 \ubdf0\ubaa8\ub378 \ubc0f \ubdf0\uc640 \uc9c1\uc811\uc801\uc73c\ub85c \uc0c1\ud638\uc791\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ub300\uc2e0, \ubdf0\ubaa8\ub378\uc774 \ubaa8\ub378\uacfc \uc18c\ud1b5\ud558\uc5ec \ud544\uc694\ud55c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\uace0 \uac00\uacf5\ud558\uc5ec \ubdf0\uc5d0 \uc804\ub2ec\ud569\ub2c8\ub2e4. \uc774\ub807\uac8c \ud568\uc73c\ub85c\uc368 \ubdf0\uc640 \ubaa8\ub378\uc758 \uacb0\ud569\ub3c4\ub97c \uc904\uc5ec \ub354\uc6b1 \uc720\uc5f0\ud55c \uad6c\uc870\ub97c \ud615\uc131\ud569\ub2c8\ub2e4.<\/p>\n
\ubdf0\ubaa8\ub378 \ud074\ub798\uc2a4 \uad6c\ud604\ud558\uae30<\/h3>\nusing System.Collections.ObjectModel;\nusing System.ComponentModel;\nusing System.Runtime.CompilerServices;\nusing System.Windows.Input;\n\npublic class UserViewModel : INotifyPropertyChanged\n{\n private UserService _userService;\n public ObservableCollection<User> Users { get; set; }\n\n public ICommand AddUserCommand { get; set; }\n\n public UserViewModel(UserService userService)\n {\n _userService = userService;\n Users = new ObservableCollection<User>();\n AddUserCommand = new RelayCommand(AddUser);\n }\n\n private async void AddUser()\n {\n await _userService.AddUserAsync(\"John Doe\", \"john@example.com\", \"123-456-7890\");\n var users = await _userService.GetUsersAsync();\n Users.Clear();\n foreach (var user in users)\n {\n Users.Add(user);\n }\n }\n\n public event PropertyChangedEventHandler PropertyChanged;\n protected void OnPropertyChanged([CallerMemberName] string propertyName = null)\n {\n PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n }\n}<\/code><\/pre>\n\uacb0\ub860<\/h2>\n
MVVM \ud328\ud134\uc5d0\uc11c \ubaa8\ub378\uc740 \ub370\uc774\ud130\uc640 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \uad00\ub9ac\ud558\ub294 \ud575\uc2ec \uc694\uc18c\uc785\ub2c8\ub2e4. \ubaa8\ub378\uc740 \ubdf0 \ubc0f \ubdf0\ubaa8\ub378\uacfc\uc758 \uae34\ubc00\ud55c \uc0c1\ud638\uc791\uc6a9\uc744 \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc804\ubc18\uc801\uc778 \uad6c\uc870\ub97c \uac15\ud654\ud569\ub2c8\ub2e4. UWP \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c \uc2dc \ubaa8\ub378\uc758 \uad6c\ud604\uc740 \ub2e8\uc21c\ud55c \ub370\uc774\ud130 \uc800\uc7a5\uc744 \ub118\uc5b4 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1 \ubc0f \ub370\uc774\ud130 \uc720\ud6a8\uc131 \uac80\uc0ac \ub4f1\uc73c\ub85c \ud655\uc7a5\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uac1c\ubc1c\uc790\ub294 \uc720\uc9c0\ubcf4\uc218\uc131\uc774 \ub192\uace0 \ud14c\uc2a4\ud2b8\uac00 \uc6a9\uc774\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc55e\uc73c\ub85c \ub354 \ub098\uc544\uac00, \ubaa8\ub378\uacfc \ubdf0\ubaa8\ub378 \uac04\uc758 \uc0c1\ud638\uc791\uc6a9 \ubc0f \ub370\uc774\ud130 \ubc14\uc778\ub529 \ub4f1\uc744 \ud1b5\ud574 \ub354\uc6b1 \ubcf5\uc7a1\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc5b4\ub5bb\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\uc744\uc9c0 \ud0d0\uad6c\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. MVVM \ud328\ud134\uc744 \uc798 \uc774\ud574\ud558\uace0 \ud65c\uc6a9\ud55c\ub2e4\uba74, \uc5ec\ub7ec\ubd84\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \ub354\uc6b1 \uc720\uc5f0\ud558\uace0 \uac15\ub825\ud574\uc9c8 \uac83\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"