Skip to content
@Tong-Hana

통하나

디지털 하나로 금융서비스개발 6기 1차 프로젝트 1팀(연금술사) - 하나된 금융, 이어지는 인연 🏦

TongHana - 하나된 금융, 이어지는 인연

🚀 배포 링크 : '통하나' 바로가기

‘통하나’는 MZ세대를 위한 금융 기반 소셜 매칭 서비스입니다.

연애와 자산관리를 결합해 비슷한 소비·투자 성향을 가진 또래와 매칭하고, 자연스럽게 금융에 관심을 가질 수 있도록 돕습니다.
연애를 핑계로 자산관리에 스며들게 하여, 어렵고 딱딱한 금융을 쉽고 재미있게 시작하는 새로운 방식을 제안합니다.

image

📝 기능 설명

회원가입, 로그인, 인증

  • 회원가입: 이메일, 비밀번호, 닉네임, 생년월일, 성별, 지역 정보 입력
  • 로그인: JWT + HttpOnly 쿠키 기반 인증, 자동 리다이렉트 처리
  • 미들웨어: 페이지별 접근 권한 관리, 보안 헤더 적용

사용자 정보 등록

  • 프로필 설정: 프로필 이미지, 직업, 목표 설정, 실물자산 정보
  • 페어링북: 데이트 예산, 선호 도시, 이상적 소득 범위 등 취향 정보
  • FTTI 설문: 8문항 투자 성향 테스트 (안정형~공격투자형)
  • 결과 페이지: 투자 성향 결과 및 상대방 선호 유형 선택

매칭 시스템

  • 유사도 기반 추천: Weaviate 벡터 DB를 활용한 투자 성향 매칭
  • 상호 호감도: 현재 투자 성향과 선호 투자 성향의 상호 유사도 계산
  • 일일 추천: 로그인 시 10장 + 배지 개수만큼 추가 카드 제공 + 퀴즈 맞출 경우 추가 5장 제공
  • 매칭 처리: 좋아요를 통해 호감을 표시하거나 상대에게 온 호감을 수락/거절 가능

채팅 시스템

  • 실시간 채팅: Socket.IO 기반 1:1 실시간 메시지 전송
  • 채팅방 관리: 채팅방 생성, 입장, 나가기 기능
  • 자산 공유: 채팅방에서 상호 동의 시 자산 정보 공개
  • 메시지 필터링: 금칙어 필터링 시스템
  • 포트폴리오 비교: 상대방과 나의 포트폴리오 비교 UI 제공

마이 프로필

  • 상세 프로필: 기본 정보, 투자 성향, 목표 설정
  • 자산 현황: 금융상품 포트폴리오, 실물자산 정보
  • 소비 패턴: 지난달 소비 내역 비율 차트
  • 페어링북 답변: 데이트 취향, 선호 도시 등 상세 정보

배지

  • 성실러: 하나은행 예금/적금 만기 시
  • 하나러: 하나은행 정기예금/적금 가입
  • 절약러: 최근 3개월 소득 대비 소비 비율 60% 이하
  • 분산투자러: 하나은행 투자 상품 가입 시
  • 보상 시스템: 배지 개수에 따른 매칭 카드 추가 제공

금융 상품 정보

  • 하나은행 상품 연동: 정기예금, 적금, 펀드 등 실제 금융상품 정보
  • 상품 퀴즈: 일일 금융상품 퀴즈 (정답 시 매칭 카드 5장 추가 보상)
  • 광고 카드: 랜덤 금융상품 광고 카드 표시

📸 시연 화면

페이지명 동작 화면 페이지명 동작 화면
회원가입/로그인 홈화면
퀴즈 받은 좋아요
채팅_포트폴리오비교 채팅_자산공유
채팅_금지어_나가기 마이페이지

🚀 성능 개선 및 보안

성능 개선
성능 테스트 결과
  • DB를 Master와 Replica로 분리해 다중화 진행
  • 채팅, 매칭 등 읽기 부하가 높은 기능에 Replica DB 사용
  • 부하 테스트 도구 k6 결과, 평균 응답속도 20%, 중앙값 응답속도 32% 개선 확인
보안
다층 보안 구조
  • 클라이언트 요청은 AWS WAF, ALB, Middleware를 거쳐 애플리케이션에 도달
  • WAF: DDoS 방어, 악성 IP 차단(IP Reputation), Geo-blocking
  • ALB: HTTPS 처리
  • 미들웨어: 1분에 500회 요청 속도 제한, CSRF 보호 수행

🛠️ Tech Stack

구분 내용
Frontend Next.js 15, React 19, TypeScript, Tailwind CSS, MUI
Backend Next.js API Routes, Prisma ORM, MySQL, Weaviate 벡터 데이터베이스
Chat Socket.IO, Express
인증 JWT, bcrypt, Next.js middleware
협업 Notion, Slack, StoryBook, Swagger
스토리지 AWS S3 (이미지 업로드)
상태관리 Zustand, Tanstack Query



🛠 System Architecture

Group 133



🗂 ERD

image



🧑‍💻 Developers

송유림 (팀장)
@youlimsongs
박승희
@seunghui-park
박지환
@jhpark0888
김대현
@daehyun03
김유림
@rladbflaz
김지민
@zzimnii
정재희
@jaehejun
Frontend Frontend Frontend Full Stack Backend Backend Backend

Popular repositories Loading

  1. tonghana tonghana Public

    🏦 하나된 금융, 이어지는 인연 - 통하나 💘

    TypeScript 6

  2. .github .github Public

Repositories

Showing 2 of 2 repositories

Top languages

Loading…

Most used topics

Loading…