우리 FISA 금융 React 컴포넌트 프로젝트

개요

이 프로젝트는 금융 관련 UI/UX 컴포넌트를 제공하는 리액트 컴포넌트 라이브러리입니다.
현재 두 가지 주요 컴포넌트를 포함하고 있으며, 사용자 경험을 높이는 직관적인 UI를 목표로 합니다.

주요 컴포넌트

1. 카드 혜택 분석 컴포넌트

• 기능: 사용자가 적립받은 금액과 사용한 혜택 금액을 시각적으로 확인할 수 있습니다.
• 목적: 카드 혜택 데이터를 직관적으로 보여주어 사용자 체류 시간을 늘리는 UI 제공
• 특징:
  • 카드 사용 내역 기반 적립 및 사용 금액 시각화
  • 시각화된 데이터로 빠른 이해 가능
  • 반응형 UI 지원

2. 계좌 입력 컴포넌트

• 기능: 사용자가 계좌를 입력하면 실시간으로 은행을 분석하여 보여줍니다. 사용자의 클립보드의 정보를 가져와 복사한 계좌 정보를 자동으로 붙여넣기 가능하도록 하였습니다.
• 지원 은행: 현재는 카카오뱅크, 토스뱅크, 우리은행만 지원
• 목적: 계좌 입력 과정의 편의성 향상
• 특징:
  • 은행 자동 분석 및 선택 UI 제공
  • 직관적인 입력 방식
  • 복사한 계좌 정보 즉시 입력 제공

설치

현재 NPM 배포는 아직 진행 중입니다.
추후 NPM 패키지로 설치 가능하도록 업데이트 예정입니다.