🚀 배포 링크 : '통하나' 바로가기
‘통하나’는 MZ세대를 위한 금융 기반 소셜 매칭 서비스입니다.
연애와 자산관리를 결합해 비슷한 소비·투자 성향을 가진 또래와 매칭하고, 자연스럽게 금융에 관심을 가질 수 있도록 돕습니다.
연애를 핑계로 자산관리에 스며들게 하여, 어렵고 딱딱한 금융을 쉽고 재미있게 시작하는 새로운 방식을 제안합니다.
회원가입, 로그인, 인증
- 회원가입: 이메일, 비밀번호, 닉네임, 생년월일, 성별, 지역 정보 입력
- 로그인: 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 보호 수행
| 구분 | 내용 |
|---|---|
| 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 |
|
|
|
|
|
|
|
|
송유림 (팀장) @youlimsongs |
박승희 @seunghui-park |
박지환 @jhpark0888 |
김대현 @daehyun03 |
김유림 @rladbflaz |
김지민 @zzimnii |
정재희 @jaehejun |
| Frontend | Frontend | Frontend | Full Stack | Backend | Backend | Backend |


















