Form(폼) 요소에 대한 검증 및 오류 처리 개선 - 파트너스는 모든 페이지에 폼이 있고, 우린 모든 페이지를 수정해야 합니다

파트너스 사이트의 프론트엔드 개발팀은 모든 페이지에 존재하는 폼 요소의 검증 및 오류 처리 방식을 개선했습니다. 기존에는 각 페이지마다 독립적인 코드를 사용하여 코드 재사용이 어렵고, 새로운 페이지 개발 시 많은 시간과 노력이 소요되는 문제가 있었습니다.

이를 해결하기 위해 폼 요소를 공통 컴포넌트로 제작하여 UI 일관성을 유지하고 개발 속도를 높이는 것을 목표로 삼았습니다. 라이브러리로는 formik을 계속 사용하되, 변경 및 유지보수가 용이하도록 코드를 개선하는 방향으로 리팩토링을 진행했습니다.

코드 개선 전에는 하나의 입력값을 생성하기 위해 반복적인 코드가 많이 사용되어 가독성이 떨어졌으나, 공통 컴포넌트 도입을 통해 이러한 문제를 해결하고 효율적인 개발 환경을 구축하고자 합니다.