
[JavaScript + WebSquare] 유효성 검사 로직의 범용화와 전략 패턴 기반 설계 (ES6+)
·
Front-end/vanilaJS(+jQuery)
1. 문제 개요WebSquare 및 일반적인 웹 프로젝트에서 유효성 검사(validation)는 필수적인 절차이다. 그러나 다음과 같은 구조적 문제가 자주 발생한다:if문 다중 중첩 구조로 인해 가독성이 떨어짐컴포넌트 ID, 조건, 메시지가 하드코딩되어 유지보수 어려움동일한 조건 검사가 반복되고 있음에도 재사용이 불가능검사 실패 시의 UI 반영 처리(붉은 테두리, focus 이동 등)가 중복 구현 2. 기존 방식의 문제점if (ibx_userId.getValue() === "") { com.win.alert("아이디를 입력해주세요."); ibx_userId.addClass("validation_error"); ibx_userId.focus(); return true;}if (ibx_userPw.g..