플러스프로젝트 배경
1) 문제점 • 기존 Vue.js 기반 시스템 구조가 복잡해져 신규 기능 추가 시 개발 생산성 저하 • 화면별로 흩어진 서버 통신 로직으로 인해 비동기 처리 및 에러 핸들링 일관성 부족 • 컴포넌트 재사용성이 낮아 유지보수 비용 증가 및 인수인계 어려움 ⸻ 2) 프로젝트 목표 • React + TypeScript 전환을 통해 안정적이고 생산적인 개발 환경 확보 • Feature-S
프로젝트 성과
Vue.js 대비 개발 생산성과 코드 재사용성 향상
React+TS로 전환, 기능 단위 모듈화 통해 재사용성 높이고 신규 기능 개발 속도 향상시킴
데이터 통신 로직을 일원화하여 비동기 처리 안정성 확보
RTK Query 적용해 요청·캐싱·에러 처리 표준화, 통신 로직 단순화 및 안정성 확보함
아키텍처 구조 명확화로 장기적인 유지보수성 및 확장성 강화
FSD 아키텍처 도입해 기능 단위 모듈화, 신규 기능 추가·인수인계 시 효율성 개선
금융권 서비스에 적합한 안정
UI/UX 패턴 일관화 및 보안 고려 설계로 금융 서비스 특성 맞춘 안정적 사용자 경험 제공
핵심 기능
AI 서비스 관리 대시보드
AI 모델/상품 추천 현황을 한눈에 확인할 수 있는 관리자용 대시보드 구현
진행 단계
요구사항 분석
2024.11.
• 기존 Vue.js 시스템 문제점 파악 (재사용성 부족, 비동기 처리 복잡성 등)
• 금융권 서비스 특성(보안/안정성) 고려한 개선 목표 수립
• 금융권 서비스 특성(보안/안정성) 고려한 개선 목표 수립
프로젝트 상세
프로젝트 개요 • 금융권 내부 직원(행원)을 위한 AI 기반 상품 추천 서비스 관리 플랫폼 개발 • 기존 Vue.js 기반 내부 시스템의 한계를 개선하고, 대규모 서비스 확장성과 유지보수성을 확보하는 것을 목표로 진행 ⸻ 기존 문제점 1. Vue.js 기반의 기존 시스템은 컴포넌트 재사용성과 상태 관리의 일관성 부족 2. 서버와의 데이터 통신 로직이 산발적으로 흩어져, 비동기 요청 처
