Model.View.tsx

View 파일은 full-model detail UI를 렌더링합니다. 보통 server에서 full view data를 받은 detail page나 Zone wrapper에서 사용합니다.

View component는 presentation component입니다. Unit, Util, Zone, local subcomponent를 조합할 수 있지만 mutation과 business decision은 View 밖에 둡니다.

View vs Unit

핵심 차이는 data 크기와 page 역할입니다. View는 full detail에, Unit은 반복되는 summary UI에 사용합니다.

Comparison	설명	예제
Model.View	full model을 렌더링합니다. 본문, history, log, nested data가 필요한 상세 page나 section에 사용합니다.
Model.Unit	light model을 렌더링합니다. list row, card, table item, compact summary에 사용합니다.

Model.View

full model을 렌더링합니다. 본문, history, log, nested data가 필요한 상세 page나 section에 사용합니다.

Model.Unit

light model을 렌더링합니다. list row, card, table item, compact summary에 사용합니다.

표준 View는 General을 export하고 className과 full model prop을 받은 뒤 dictionary label로 field name과 status를 표시합니다.

Ticket.View.tsx

View는 light summary shape가 아니라 constant의 full model shape를 받기 때문에 full model에 정의된 모든 field를 렌더링할 수 있습니다.

Article.View.tsx

Order.View.tsx

server page는 보통 full view data를 fetch한 뒤 view object를 Zone wrapper 또는 Load.View에 전달합니다.

detail page

Load.View는 server에서 받은 full model data를 client store에 안전하게 hydrate합니다. View를 렌더링하기 전에 model, loading state, modal state, view timestamp를 설정합니다.

server에서 fetch한 view data를 client Zone, tab layout, reusable section 안에서 렌더링할 때 이 wrapper를 사용합니다.

field	설명	예제
<model>	server view object에서 받은 hydrated full model instance를 저장합니다.
<model>Loading	full model이 준비되었음을 표시해서 View가 loading UI 없이 렌더링될 수 있게 합니다.
<model>Modal	현재 model state를 view mode로 표시합니다. 다른 model wrapper가 view/edit/new 흐름을 구분할 수 있습니다.
<model>ViewAt	server view timestamp를 저장해서 Load.View가 더 최신인 client state를 오래된 view data로 덮어쓰지 않도록 합니다.