오토론 / 개인회생 (2022.12 ~ 2023.06)

Nextjs recharts tanstack-query recoil styled-components

배경

자동차를 담보로 한 추가 대출 상품(오토론)과 개인회생자를 위한 대출 상품 비교 서비스를 개발했습니다. 두 서비스는 각각 다른 목적을 위한 것이지만, 고객에게 받는 정보의 대부분이 동일하고 유사한 UI를 공유하고 있어 효율적인 개발 전략이 필요했습니다. 또한, 두 파일럿 성격의 프로젝트를 동시에 진행해야 했기에 속도도 놓칠 수 없었습니다.

오토론

개인회생

주요 도전 과제

효율적인 컴포넌트 설계

문제점:

• 오토론과 개인회생 서비스가 공유하는 UI 패턴이 많아 코드 중복 발생
• 각 서비스의 특수성을 반영하면서도 일관된 사용자 경험 제공 필요
• 빠른 개발 일정으로 인한 코드 품질 저하 우려

해결 방안:

• 공통 정보 입력 플로우를 위한 재사용 가능한 코어 컴포넌트 개발
• UI와 비즈니스 로직을 명확하게 분리하여 UI 컴포넌트는 재사용하기 쉽도록 설계

데이터 시각화

문제점:

• 복잡한 자동차 관련 데이터를 직관적으로 표현하기 위해 차트를 커스텀해야하는 요구사항
• 모바일 환경에서도 최적화된 시각화 구현 필요

해결 방안:

• Recharts를 활용해 요구사항을 만족하는 차트 컴퍼넌트 개발

외부 API 연동

문제점:

• 다수의 외부 API 연동으로 인한 복잡한 상태 관리
• 불안정한 API 응답으로 인한 사용자 경험 저하
• API 별 상이한 에러 처리 방식

해결 방안:

내부 백엔드 중심의 외부 API 통합 구현

• 외부 API 호출을 백엔드에서 처리하도록 설계 변경 제안
• 프론트엔드는 내부 API만 호출하여 의존성 단순화
• 일관된 응답 형식으로 클라이언트 로직 단순화

결과

오토론 서비스

• 직관적인 데이터 시각화로 사용자의 정보 이해도 향상
• 다양한 외부 API 연동을 통한 풍부한 정보 제공

개인회생 서비스

• 서비스 개시 10개월 만에 대출 신청 금액 1,500억 원 달성
• 17,000명의 사용자 중 17,500건의 대출 승인 (1인당 평균 1건 이상)
• 승인 총액 4,100억 원 달성
• 업계 최다 제휴 금융사 확보로 최적의 대출 상품 비교 제공

이러한 성과는 단순한 기술적 구현을 넘어 비즈니스적으로도 큰 의미가 있었습니다. 두 파일럿 프로그램의 발빠른 출시를 통해 회사는 시장 반응을 빠르게 파악할 수 있었고, 특히 개인회생자 대출비교 서비스 시장에서 선도적인 위치를 확보하는 데 크게 기여했습니다.

이는 평소의 빠른 개발 주기 속에서도 기술 퀄리티를 유지하며 지속적인 개선을 이루어낸 결과였습니다.