대출딜러(대출상담사) (2023.03 ~ 2023.11)
Nextjs tanstack-query msw recoil styled-components
배경
기존 대출 중개 시장은 대출 모집인이 고객을 찾아 나서는 구조였습니다. 이를 개선하여 고객이 자신의 대출 조건을 등록하면 대출 모집인들이 경쟁하며 최적의 조건을 제시하는 역경매 방식의 중개 서비스를 개발하게 되었습니다.
주요 도전 과제
API First Design
문제점:
- 백엔드 개발이 완료되기 전 프론트엔드 개발이 시작되지 않으면 비즈니스에 영향을 미칠 수 있던 상황
- 하지만 이전까지는 백엔드 개발이 완료되고 프론트엔드 개발이 시작되던 업무 흐름으로 진행되고 있었음
해결 방안:
- API 스펙을 함께 설계하여 프론트엔드와 백엔드 개발의 명확한 기준점 제시하도록 설득
- 이후,
MSW(Mock Service Worker)를 활용하여 실제 API 개발 전에 프론트엔드 개발 진행 - 백엔드 개발과 동시에 진행하여 전체 개발 사이클 단축하는데 성공
실시간성 데이터 관리
문제점:
- 대출 모집인들이 최신 고객 정보를 빠르게 확인하고 대응해야 하는 서비스 특성상, 조금이라도 더 효율적인 데이터 관리가 필수였던 상황
- 소켓이나 SSE도 고려해볼 수 있었지만 당시에는 백엔드의 리소스 제약으로 인해 불가능했던 상황
해결 방안:
Tanstack Query의 병렬 데이터 페칭으로 빠른 데이터 로드- 캐시 전략을 통한 불필요한 API 호출 최소화
- 낙관적 업데이트로 즉각적인 UI 반응성 확보
보안 강화
문제점:
- 금융 서비스의 특성상 기본적인 보안 점검을 요구받음
해결 방안:
XSS,CSRF등 웹 보안 취약점 대응
결과
성공적인 서비스 출시를 통해 다음과 같은 성과를 달성했습니다:
개발 생산성 향상
- 촉박한 개발 기간 내에 문제 없이 출시 준비 완료
사용자 경험 개선
- 효율적인 데이터 캐싱과 갱신으로 최신 대출 조건을 확인하도록 개선
이를 통해 새로운 대출 중개 플랫폼을 구축하고 심사받을 수 있었습니다.