JSON 설정 기반 Dynamic Yup Schema 생성으로 폼 검증 자동화 구현

Context

정적 Yup Schema 정의 방식에 따른 폼 필드 추가 시 UI와 검증 로직을 개별 수정해야 하는 중복 작업 발생. 설정 파일과 검증 스키마의 불일치로 인한 유지보수 비용 증가 및 확장성 저하 문제 직면.

Technical Solution

• JSON Configuration에 isMandatory, min, max, regex 등 검증 메타데이터를 통합한 단일 진실 공급원(Single Source of Truth) 설계
• 설정 데이터를 순회하며 Yup validator 객체를 동적으로 생성하는 buildValidationSchema 제너레이터 함수 구현
• 조건부 분기 처리를 통한 필수 값 검증, 길이 제한, 정규 표현식 매칭의 체이닝 구조 설계
• Formik과 결합하여 런타임에 생성된 Yup Object Schema를 통한 동적 폼 유효성 검증 수행
• UI 렌더링과 검증 규칙을 동일한 JSON 객체에서 관리함으로써 설정 변경만으로 폼 동작을 제어하는 구조 확립