javascript - 프론트엔드 개발에서 비즈니스 모델과 뷰 모델은 구체적으로 무엇을 의미합니까?

Question

Xu Fei의 이 기사 섹션 5: "MVVM이 좋은 선택인 이유"에서 비즈니스 모델과 뷰 모델이 구체적으로 무엇을 언급합니까?

Answer 1

[비즈니스 모델]은 [도메인 모델]과 유사하며 비즈니스 콘텐츠를 표현하는데 사용되는 데이터를 의미할 수 있습니다. 예를 들어 타오바오의 비즈니스 모델은 [제품], 블로그의 비즈니스 모델은 [블로그 포스트], 트위터의 비즈니스 모델은 [트윗]입니다. 이름, 설명, 시간, 작성자, 가격 및 기타 [실제] 데이터 필드 내용을 포함하여 클래식 MVC의 모델로 이해될 수 있습니다.

그리고 [뷰 모델]은 MVVM 이후의 새로운 개념입니다. 완전한 웹앱을 구현하기 위해서는 데이터 외에 UI 상호작용에도 많은 [상태]가 있습니다. 예: 팝업 상자가 열려 있는지 여부, 사용자가 입력 중인지 여부, 요청 로드 상태를 표시해야 하는지 여부, 차트 데이터 분류를 위해 추가 필드를 표시해야 하는지 여부, 차트의 크기와 스타일이 동적으로 변경되는지 여부 사용자가 입력할 때의 텍스트... 특정 데이터 필드와는 관련이 없지만, 실제 프런트엔드 비즈니스 시나리오에서 매우 중요한 View 상태를 [뷰 모델]이라고 볼 수 있습니다. Vue와 같은 MVVM 라이브러리에서는 위 예제의 상태를 JS 변수로 표현하고 제어할 수 있으며, 이는 데이터 모델로도 간주될 수 있습니다.

따라서 비즈니스 모델과 뷰 모델은 프론트엔드에서 매우 중요한 개념입니다. MVVM이 비즈니스 모델 데이터와 페이지 간의 바인딩 관계를 해결한 후 Redux와 같은 상태 관리 라이브러리는 풍부한 대화형 페이지에서 뷰 모델 상태의 극단적인 확장으로 인해 발생하는 일련의 문제를 해결하려고 합니다. 이러한 모델에 대한 더 깊은 이해는 실제로 현재 프론트 엔드의 개발 방향을 이해하는 데 도움이 될 것입니다.

Answer 2

밤만 주면 이해해 주실 거예요

으아악