model.util.ts / [Model].Util.tsx

Util 모듈은 주요 애플리케이션 기능을 지원하는 UI 헬퍼, 서브 컴포넌트 및 특정 로직을 위한 지정된 공간입니다. 특히 복잡한 상호 작용, 래퍼 및 재사용 가능한 로직을 패키징하여 'Page' 및 'Zone' 파일을 깔끔하게 유지하는 데 유용합니다.

field설명

[Module].Util.tsx

모듈 유틸리티의 표준 명명 규칙입니다.

Complex Logic

복잡한 상태 관리 및 스토어 상호 작용을 캡슐화합니다.

Wrappers

서버 측 액션이나 네비게이션을 위한 래퍼입니다.

복잡한 로직 패키징

기능이 로컬 상태(모달 등), 폼 처리 및 스토어 상호 작용을 필요로 할 때, 이를 Util 컴포넌트로 캡슐화합니다.

RefundModal Component

클라이언트 측 이벤트가 서버 액션(fetch를 통해)과 네비게이션을 트리거하도록 처리하는 래퍼를 사용하여 자식 요소를 단순하게 유지합니다.

CreateOrderWrapper

특정 비즈니스 로직이나 엔드포인트를 트리거하는 간단한 버튼 컴포넌트입니다.

ApproveButton

전역 스토어 상태(예: 현재 경로, 사용자 역할)에 따라 렌더링을 조정하는 컴포넌트입니다.

ContextBackButton