🚀 LazyVoom 라이브러리 만들어보았습니다.

[이광석]

안녕하세요, 이광석입니다.

WPF나 XAML 계열 프레임워크에서 MVVM 패턴을 적용할 때 가장 많이 언급되는 라이브러리가 Prism이죠.

저는 Prism을 쓰면서도 마음에 들었던 Auto ViewModel Locator 기능만 따로 빼서 가볍게 쓸 수 있도록 LazyVoom이라는 라이브러리를 만들었습니다.

• Prism처럼 전체 프레임워크를 도입하지 않아도 됩니다.

• 원하는 프레임워크 구조 안에서, 일부 기능만 가져다 쓸 수 있습니다.

• 목적은 프레임워크가 되는 것이 아니라, 사용하는 사람의 프레임워크 안에 녹아드는 것입니다.

GitHub: LazyVoom

혹시 MVVM을 적용하면서 "가볍게 ViewModel 연결만 자동화하고 싶다"는 생각이 있다면 한 번 참고해 보셔도 좋겠습니다.

WPF

MAUI

WinUI3

Avalonia

OpenSilver

ps. 샘플 예제가 있긴합니다만, 적용하시는데 필요하신 부분이 있다면 언제든 댓글이나 쪽지 남겨주세요!

[windowmini]

일단 설명 만으로 합격 ㅎㅎㅎ

함 잘 써보겠습니다. 감사합니다.

질문요..
View-ViewModel 연결 만 하신다 하셨는데
혹시 VS UI 디자인단에서 컨트롤에 데이터 바인딩 입힐수 있나요 ?

질문 두번쨰요
DI 로 뷰와 뷰모델 맵핑 한거는 제거 하는 건가요? 아님 추가로 Voom.Instance 하는 건가요 ?

[이광석]

관심가져주셔서 감사합니다

@windowmini

View-ViewModel 연결 만 하신다 하셨는데
혹시 VS UI 디자인단에서 컨트롤에 데이터 바인딩 입힐수 있나요 ?

• 컨트롤 객체가 생성됨과 동시에 바인딩을 처리해주는 라이브러리 이기 때문에 VS UI 디자인단과는 별개의 영역입니다..!

@windowmini

DI 로 뷰와 뷰모델 맵핑 한거는 제거 하는 건가요? 아님 추가로 Voom.Instance 하는 건가요 ?

• 네 제거 하고 아래와 같이 따라주시면 됩니다.

변경 전

public class MainWindow : Window
{
  public MainWindow(MainWindowViewModel vm)
  {
     this.DataContext= vm;
  }
}

변경 후

1. 생성자에서 직접적인 데이타컨텍스트는 지워줍니다.

// MainWindow.cs
public class MainWindow : Window
{
  public MainWindow(){
  }
}

2. Voom.Instance는 IoC 컨테이너에 등록된 ViewModel들을 가져오기 위해 반드시 설정해야 합니다.

   별도의 WithMapping 처리를 하지 않은 이유는 기본 View-ViewModel 네이밍 컨벤션에 따라 자동으로 vmType이 결정됩니다. 이후 IoC provider에서 해당 Type을 조회하여 ViewModel 인스턴스를 반환합니다. (기본 네이밍 컨벤션에 맞지 않은 경우엔 WithMapping을 통해 별도로 설정해주셔야합니다.)

// App.xaml.cs
public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
       base.OnStartup (e);
       var services = new ServiceCollection ();
       
       services.AddSingleton<MainWindow>();
       services.AddSingleton<MainWIndowViewModel>();

       IServiceProvider provider = services.BuildServiceProvider ();
       Voom.Instance
           .WithContainerResolver ((vmType) =>
           {
               return provider.GetService (vmType) ?? 
                      ActivatorUtilities.CreateInstance(provider, vmType);
           });
    }
}

3. 마지막 하이라이트! xaml에 아래 두 줄을 추가해줍니다.

  xmlns:voom="http://lazyVoom.dev/voom"
  voom:ViewModelLocator.AutoWireViewModel="True"

좀 더 이해를 도우고자 샘플을 남겨드립니다. ServiceProvider 예제

[windowmini]

첫번째 질문이 기존 은 UI 컨트롤 속성 창 에서 Text 에 값을 입력 하면 디자인시 보이지나요
그런것이 WPF 디자인단 에서도 되는지

혹은

데이터컨텍스트 바인딩 후 실행 하여 첫 화면 뜨면 초기값이 설정 되는지 (뷰모델 생성자 값 셋팅)

아 하다 보니 첫번째 질문이 두가지가 되버렸네요

두번째 질문에 대한 친절한 설명 감사 드립니다.
샘플도 잘보겠습니다.

[이광석]

디자인단 이라는게… 디버깅하지않고 아무렇지 않은 상태를 말씀하시는거죠?

디자인타임 자체는 객체를 생성한 아니기 떄문에 볼수없습니다.

d:DataContext="{d:DesignInstance Type=local:MainViewModel, IsDesignTimeCreatable=True}"

이거 관련된걸 찾아보시는게 좋을 것 같아요.

@windowmini

데이터컨텍스트 바인딩 후 실행 하여 첫 화면 뜨면 초기값이 설정 되는지 (뷰모델 생성자 값 셋팅)

싱글톤으로 생성된 뷰모델을 말씀하시는건지…좀 더 상황을 구체적으로 말씀해주세요!

[windowmini]

@이광석

IsDesignTimeCreatable=True

네 객체 생성 전 이라 저런거 밖엔 없을듯 하네요

싱글톤으로 생성된 뷰모델 의 생성자 에서 컨트롤값 을 설정 한 경우… 음 이것은 될거 같네요.

첫번째 질문은 스킵 하셔도 될것 같습니다.

신경 써 주셔서 감사합니다.

남은 연휴 행복 하게 마무리 하시기를..