플러스프로젝트 배경
1. 프로젝트 배경 및 주안점 ◎ 기존 문제점: 타사 이동 및 기존 가입 여부 등 복잡한 도메인 조건으로 인해 서비스 신청 프로세스의 사용자 경험(UX) 관리가 까다로웠습니다. 각 영업별로 UI 컴포넌트와 레이아웃이 파편화되어 있어 유지보수 효율이 떨어졌고, 모바일·태블릿·PC 등 다양한 디바이스 환경에서의 반응형 최적화와 금융 데이터 입력에 대한 엄격한 예외 처리가 필요했습니다. ◎ 해결 목표: -
프로젝트 성과
Zod 기반 데이터 무결성 확보 및 예외 처리 100% 대응
금융 데이터의 무결성을 위해 Zod 및 React Hook Form 표준 검증 구조를 설계하여 다단계 신청 프로세스 내 입력 오류를 원천 차단했습니다.
반응형 공통 UI 컴포넌트화로 유지보수 비용 절감
파편화된 각 영업별 레이아웃을 통합하여 모바일·태블릿·PC 표준 반응형 컴포넌트 시스템을 구축하고 코드 중복을 최소화했습니다.
핵심 기능
Zod 기반 다단계(Multi-step) 신청 폼
복잡한 가입 및 타사 이동 조건을 분기 처리하는 다단계 신청 프로세스를 구현하고, Zod와 React Hook Form을 결합해 실시간 유효성 검증을 수행합니다.
진행 단계
요구사항 분석 및 폼 검증 구조 설계
2024.09.
기존 서비스 가입 및 타사 이동 조건을 분석하고, 안전한 금융 데이터 처리를 위한 Zod 기반 유효성 검증 아키텍처를 수립했습니다.
프로젝트 상세
1) 포트폴리오 소개 - 일본 핀테크 플랫폼의 인프라 서비스 신청 프로세스 프론트엔드 개발 프로젝트입니다. 다양한 사용자층을 대상으로 6가지 영업 분기 조건에 따라 안전하고 유연하게 구동되는 온라인 서비스 플랫폼을 구축했습니다. (결과물 URL: 비공개) 2) 작업 범위 - 영업별 서비스 신청 페이지 개발: 총 6가지의 영업별 도메인 조건과 분기 로직이 반영된 신청 프로세스를 전담하여 구현했습니다
