뱅크몰재직 중
Frontend Developer· 개발팀
대출 비교·상담 중개 플랫폼과 관리자 시스템을 개발·운영하고 있습니다. 복잡한 금융 정책과 운영 프로세스를 프론트엔드 구조로 설계하고, 레거시 개선과 공통 개발 기반 구축을 주도해 왔습니다. 동시에 다양한 외부 SI 프로젝트에서 요구사항 구체화부터 설계·개발·출시·운영까지 End-to-End로 수행하며, 비즈니스 요구사항을 실제 운영 가능한 서비스로 전환하는 역할을 맡고 있습니다.
담당 영역
- 01
금융 서비스 핵심 Flow 개발·운영
주택담보·전세·신용·개인회생 등 대출상품별 비교·신청 프로세스를 개발하고 실제 사용자 및 운영 데이터를 기반으로 지속 개선
- 02
사용자·상담사·운영자를 연결하는 플랫폼 개발
사용자 신청부터 상담사 매칭, 관리자 운영까지 역할별 업무 Flow가 연결되는 웹·모바일 서비스 개발
- 03
프론트엔드 공통 개발 기반 구축
상태 관리·API·공통 UI·디렉터리 구조를 표준화하고 Start-kit과 공통 패키지를 구축해 신규 프로젝트의 초기 개발 기반 통일
- 04
레거시 서비스 현대화 및 품질 개선
장기간 운영 중인 서비스의 기술 부채를 개선하고 프레임워크 전환, 성능 최적화, 오류 대응 및 관측 환경 구축
- 05
SI 프로젝트 End-to-End 수행
고객 요구사항을 정책·Flow·화면·API 단위로 구체화하고 프론트엔드 설계부터 개발·QA·출시·운영까지 프로젝트 전 과정 참여
- 06
AI Agent 기반 개발 프로세스 구축·적용
프로젝트의 아키텍처·코딩 규칙·도메인 지식·작업 절차를 Agent Context로 구조화한 AI Harness를 구축하고 SI 및 신규 프로젝트 개발에 적용
Key Impact
- 01
대출 신청 이탈률 약 80% 감소
복잡하게 결합된 입력·진행 상태를 분리하고 Multi-step 신청 Flow를 재설계해 주택담보·전세대출 신청 과정의 사용자 이탈 개선
- 02
운영 오류 접수율 약 90% 감소
Suspense·ErrorBoundary 기반 전역 예외 처리와 Interceptor·AbortController 기반 API 요청 제어를 적용해 사용자 오류 경험과 운영 대응 비용 감소
- 03
금융사별 정책 변경 영향 범위 최소화
금융사마다 달라지는 신청 로직을 Strategy Pattern으로 분리해 특정 금융사의 정책 변경이 공통 신청 Flow에 전파되지 않는 구조로 개선
- 04
공통 UI 변경 범위 5개 → 1개 파일로 축소
서비스별로 중복 구현된 레이아웃·리스트 구조를 공통 인터페이스와 컴포넌트로 통합해 반복 수정과 변경 비용 감소
- 05
서비스 중단 없이 프론트엔드 레거시 현대화
React 17 → 18, Next.js 10 → 13 마이그레이션과 기존 코드베이스 60% 이상의 TypeScript 전환을 점진적으로 수행
- 06
Lighthouse Performance 51 → 82 · SEO 91 → 100
렌더링 전략과 리소스 로딩 구조를 개선해 실제 운영 서비스의 웹 성능과 검색 최적화 지표 향상