MVU? Flux? 비슷한데?

같이보기(영문)^[각주:1]

최근 Rust 프론트엔드 프레임워크인 yew로 Webpage-Sidebar 파이어폭스 확장기능을 다시 써보겠다고 낑낑대고 있습니다.

그런데 yew는 Redux와 Elm(The Elm Architecture)에서 "inspired" 했다고 합니다. 그런데 어디서 비슷한 걸로 flutter (dart 모바일 프레임워크) 의 앱 구조랑 flux (페이스북이 주창한 MVC의 개선판) 를 언급하는 걸 본 것 같네요. 어디에서는 이걸 MVU (Model - View - Update) 라고 부르기도 하는 모양입니다. (함수가 그 세 개 거든요.)

다 똑같은 거 아냐?

그래서 "flux elm mvu redux flutter" 라는 키워드로 검색해봤습니다.

Quora: "Elm이랑 Flux 중에 어떤 게 먼저 나왔나요?"
-> "Elm이 먼저 나왔지만 Elm은 "Event Sourcing" 이라는 걸 효율적으로 구현한거고, Event Sourcing은 Gang of Four의 디자인패턴 중 커맨드 패턴을 기반으로 한다"

아직 정확히 살펴보진 않았고, 각각을 자세히 살펴볼 생각도 없지만 저는 잠정적으로 저게 전부 똑같은 거라고 결론지을 생각입니다. 차차 공부해가야겠죠.

Flux vs. MVC 라는 글도 봤는데 여기 나오는 그림이 yew에서 짜던거랑 / elm 튜토리얼에서 봤던거랑 심히 유사합니다.
어디서 "페이스북이 MVC를 잘못 쓰고 있는 것 뿐이다" 라는 글도 본 것 같고요.

출처: https://medium.com/hacking-and-gonzo/flux-vs-mvc-design-patterns-57b28c0f71b7

제가 최근에 공부한 걸로 이름만 바꾸면...

뭔가 비슷하지 않나요? 제가 Flux 를 공부하질 않았다보니 Dispatcher가 뭐다 라고는 대응을 못 시키겠군요. 나중에 궁금하면 좀 더 공부를 해봐야겠습니다.

그리고 Azul의 설명 그림입니다. 이것도 MVU 패턴과 몹시 비슷합니다.

Azul 프로젝트 페이지에서 설명하는 다이어그램 (출처: maps4print/azul)

(나중에 내린 결론: 각각의 패턴이 차이점은 있지만 Uni-Directional 인 건 공통점임)

1. 아직 안 읽어봄 [본문으로]