Web · App Development
FeaturedWWW: Wealth With You
WWW(Wealth With You)는 예·적금 비교, 금융 성향 기반 상품 추천, 환율·국내외 증시·금융 뉴스 조회, 리뷰 커뮤니티와 AI 금융 상담을 하나로 연결한 풀스택 금융 정보 플랫폼입니다. React SPA와 FastAPI API를 중심으로 실제 금융 공공 데이터와 외부 서비스 데이터를 사용자 경험에 맞게 통합했습니다.

프로젝트 유형
Web · App Development
진행 기간
2024.11 — 2024.11
진행 상태
완료
담당 역할
Backend Developer
프로젝트 구성
팀 프로젝트 · 2명
대표 여부
대표 프로젝트
Tech Stack
사용 기술
Key Highlights
핵심 성과
- 01
금융감독원 금융상품통합비교공시 데이터를 활용한 예금·적금 상품 조회 및 비교
- 02
한국수출입은행 환율 API 기반 환율 조회 및 통화 변환 계산기
- 03
OpenAI gpt-4o-mini 기반 AI 금융 상담과 대화 이력 관리
Project Story
상세 내용
금융 정보를 ‘찾는 일’에서 ‘이해하고 선택하는 경험’으로
WWW(Wealth With You)는 예·적금, 환율, 증시, 경제 뉴스처럼 흩어져 있는 금융 정보를 한 화면에서 이해하고 활용할 수 있도록 만든 금융 정보 플랫폼입니다. 사용자는 상품별 금리와 조건을 비교하고, 금융 성향 설문을 바탕으로 추천 결과를 확인하며, 관심 상품과 개인 금융 활동을 마이페이지에서 관리할 수 있습니다.
단순히 데이터를 보여주는 데 그치지 않고, 실제 금융 의사결정에 필요한 흐름을 하나의 서비스 안에 연결하는 데 집중했습니다.
실제 금융 데이터와 사용자 기능의 통합
예·적금 영역에서는 금융감독원 금융상품통합비교공시 데이터를 수집해 은행별 상품과 금리를 조회합니다. 사용자는 예금과 적금 상품을 나누어 살펴보고, 여러 상품을 선택해 비교할 수 있습니다.
환율 기능은 한국수출입은행 API를 기반으로 구성했습니다. 매매기준율을 활용해 통화 간 금액을 계산하고, 원본 데이터에 포함되지 않을 수 있는 KRW를 기본 통화로 보정해 계산 흐름을 안정적으로 유지했습니다.
이와 함께 공공데이터포털의 국내 주가지수, Yahoo Finance 기반 글로벌 지수, 네이버 뉴스 검색 API 기반 경제 뉴스를 연동해 시장 흐름을 함께 파악할 수 있도록 구성했습니다.
설문 결과를 추천 화면으로 연결하다
맞춤 추천 기능은 사용자의 금융 성향 설문을 저장한 뒤, 예금과 적금 상품을 각각 최고 금리 기준으로 정렬하여 상위 상품을 제공합니다. 추천 조회 시 필요한 정렬과 제한을 데이터베이스 쿼리 단계에서 처리해 불필요한 데이터 로딩을 줄였습니다.
사용자가 설문을 완료한 뒤 추천 결과를 바로 확인할 수 있도록 화면 전환 흐름을 설계했고, 로그인한 사용자의 금융 정보와 관심 상품은 마이페이지에서 이어서 관리할 수 있습니다.
금융 서비스에 필요한 참여와 기록
상품 정보만으로는 실제 사용 경험을 전달하기 어렵다고 판단해 리뷰 커뮤니티를 함께 구현했습니다. 사용자는 상품 리뷰를 작성·수정·삭제할 수 있으며, 좋아요와 댓글을 통해 다른 사용자의 경험을 확인하고 의견을 나눌 수 있습니다.
관심 상품은 토글 방식으로 구독할 수 있고, 마이페이지에서 구독 목록을 관리할 수 있습니다. 또한 AI 금융 상담 기능은 OpenAI gpt-4o-mini를 활용해 예·적금, 환율, 금융 상품 관련 질문을 대화형으로 안내하며, 상담 이력을 저장하고 다시 불러올 수 있도록 구성했습니다.
안정적인 서비스 운영을 고려한 백엔드 설계
백엔드는 FastAPI와 SQLAlchemy, MySQL을 기반으로 구성했습니다. 인증은 토큰 기반으로 처리하고, 비밀번호는 PBKDF2-SHA256 방식으로 해싱합니다. 프론트엔드는 React와 Vite 기반 SPA로 구현했으며, 개발 환경에서는 Vite 프록시를 통해 /api 요청을 FastAPI 서버로 전달합니다.
외부 API 호출에는 재시도 가능한 HTTP 세션을 적용했고, 글로벌 지수 데이터에는 60초 캐시를 두어 반복 요청 부담을 줄였습니다. MySQL 연결이 불가능한 상황에서도 API 서버 자체는 실행되며, 데이터베이스가 필요한 기능에만 503 응답을 반환하도록 장애 범위를 분리했습니다. 외부 데이터 제공자 오류 역시 재시도 후 명확한 오류 응답으로 변환합니다.
결과
WWW는 금융 데이터 조회, 비교, 추천, 커뮤니티, AI 상담이라는 여러 기능을 하나의 사용자 여정으로 연결한 프로젝트입니다. 공공·외부 데이터를 서비스 기능으로 통합하는 경험과 함께, 인증·데이터베이스·외부 API 장애 처리까지 고려한 실용적인 풀스택 웹 애플리케이션을 구현했습니다.
My Contributions
주요 기여
- 금융 성향 설문과 최고 금리 기준 정렬을 결합한 맞춤형 예·적금 추천
- 국내외 주가지수, 금융 뉴스, 상품 리뷰·댓글·좋아요 기능을 한 서비스로 통합