Blazor SSR의 Round-trip 제거를 통한 즉각적 Client-side Validation 구현

Context

기존 Blazor SSR 모드는 폼 검증 시 반드시 서버 전송 후 응답을 받는 Round-trip 구조로 인한 UX 지연 발생. 이를 해결하기 위해 별도 JS 라이브러리 도입이나 Interactive Render Mode로의 전환이 강제되는 아키텍처적 제약 존재.

Technical Solution

• .NET Model을 Single Source of Truth로 유지하며 서버에서 DataAnnotations 규칙을 HTML metadata 속성으로 직렬화
• 서버가 생성한 data-val-* 속성을 기반으로 Blazor 내장 JavaScript가 클라이언트 사이드에서 즉시 검증 수행
• DataAnnotationsValidator 컴포넌트를 그대로 활용하여 개발자의 코드 수정 없는 Zero-code 변경 구현
• Client-side 검증 통과 후 서버로 전송된 데이터에 대해 재검증을 수행하는 Defense in depth 보안 구조 채택
• Enhanced Forms의 fetch 기반 DOM 패치 메커니즘과 통합하여 비동기적 UX 일관성 확보