오늘은 MVVM 패턴에 대해서 배웠습니다. 어려웠습니다.

MVVM 패턴은 앱의 확장성과 유지보수의 편의성을 고려해서 꼭 아키텍쳐 적용이 필요합니다.

MVVM 패턴은 꼭 알아야하는 아키텍쳐입니다.

1. Model:

   • Model은 애플리케이션의 데이터와 비즈니스 로직을 담당합니다.
   • 데이터 모델은 일반적으로 데이터베이스, API, 로컬 저장소 등과 상호 작용하여 데이터를 가져오고 저장하는 역할을 수행합니다.
   • Model은 애플리케이션 전반에서 사용되는 데이터의 상태와 조작 방법을 정의합니다.

2. View:

   • View는 사용자 인터페이스(UI)를 나타냅니다.
   • 일반적으로 Flutter에서는 위젯 트리로 표현됩니다.
   • View는 사용자가 애플리케이션과 상호 작용할 수 있는 요소들을 포함합니다. 예를 들어, 버튼, 텍스트 필드, 이미지 등이 View에 속합니다.
   • View는 사용자 입력을 받아 ViewModel에 전달하고, ViewModel의 상태 변경에 따라 UI를 업데이트합니다.

3. ViewModel:

   • ViewModel은 Model과 View 사이의 매개체 역할을 합니다.
   • ViewModel은 View에 필요한 데이터와 상태를 제공하고, View에서 발생한 이벤트 및 사용자 입력을 처리합니다.
   • ViewModel은 Model로부터 데이터를 가져와서 View에 전달하며, 사용자 입력에 따라 Model을 업데이트합니다.
   • 일반적으로 ViewModel은 앱 상태를 추적하고 변경 사항을 관리하는 데 도움이 되는 상태 변수와 메소드를 포함합니다.
   • ViewModel은 View와 직접적으로 상호 작용하지 않고, 일반적으로 데이터 바인딩 또는 이벤트를 통해 View와 통신합니다.

   

   어렵고 헷갈렸는데요. 선생님께서 찹쌀떡 비유로 설명을 해주셨습니다.

   1. View (찹살떡):
      • View는 찹쌀떡을 비유하는 부분입니다.
      • View는 사용자에게 보여지는 UI 요소들로 이루어져 있으며, 화면에 표시되는 부분입니다.
      • 사용자가 상호 작용하고 정보를 표시하는 역할을 합니다.
   2. ViewModel (찹쌀떡이 만들어지는 과정):
      • ViewModel은 찹쌀떡이 만들어지는 과정을 비유하는 부분입니다.
      • ViewModel은 View와 Model 사이에서 상호 작용하고 데이터를 처리하는 역할을 합니다.
      • View로부터 사용자 입력을 받아 처리하고, Model로부터 데이터를 가져와서 View에 전달합니다.
      • ViewModel은 비즈니스 로직을 담당하며, 데이터 변환, 유효성 검사, 데이터 가공 등을 수행할 수 있습니다.
   3. Model (찹쌀떡 재료):
      • Model은 찹쌀떡의 재료인 찹쌀을 비유하는 부분입니다.
      • Model은 데이터와 비즈니스 로직을 담당합니다.
      • 데이터의 상태를 관리하고, 데이터베이스, API, 로컬 저장소 등과 상호 작용하여 데이터를 가져오고 저장합니다.

   이와 같이 View는 사용자에게 보여지는 UI를 비유하고, ViewModel은 View와 Model 사이에서 상호 작용하고 데이터를 처리하는 과정을 비유하며, Model은 데이터와 비즈니스 로직을 비유합니다. MVVM 패턴은 이러한 세 가지 구성 요소를 분리하여 개발을 용이하게 합니다.

   ViewModel

   

   

   ViewModel은 앱의 비즈니스 로직과 상태를 관리하는 패턴입니다. ViewModel은 사용자 인터페이스 (UI)와 데이터 소스 간의 중개자 역할을 합니다. 주로 MVVM 아키텍처에서 사용되며

   Flutter에서 ViewModel을 구현하기 위해 주로 provider 라이브러리나 GetX 라이브러리와 같은 상태 관리 솔루션을 사용합니다. 이러한 라이브러리를 사용하면 ViewModel을 쉽게 생성하고 주입할 수 있으며, 앱의 다른 구성 요소와의 의존성을 관리할 수 있습니다.

   ViewModel은 UI와 분리되어 독립적으로 테스트할 수 있는 장점이 있으며, 앱의 복잡성을 줄이고 유지 보수성을 향상시키는 데 도움을 줍니다. 또한 다양한 화면 크기나 회전과 같은 UI 변경에 대응하기에 용이하며, 코드의 가독성과 유지 관리성을 개선할 수 있습니다.