서비스 소개: WonnaBE와 함께하는 성장 여정 흩어진 개인 자산을 통합 분석하고 사용자의 금융 성향(NowME)을 진단하여 스스로 설정한 이상적인 워너비(WonnaBE) 달성을 돕는 맞춤형 금융 코칭 플랫폼

김보성	문정우	송민지	안은현	이찬양	정민지	최연아
FE	BE	BE	BE	BE	BE	BE
UI/UX 구현 API 연동 프론트 총괄	카드 추천 게시판 설계 상품 데이터	카카오 인증 CI/CD 마이페이지	자산 소비 분석 게시판 구현	인프라 목표 시뮬레이션 GPT API UI 통합	CODEF 자산 동기화 인증/회원	보험 추천 예적금 추천 상품데이터

언어	프레임워크	스타일링 & 상태관리	기타 & 라이브러리	배포
TypeScript	Vue	Tailwind CSS, Pinia	Chart.js, PWA	Vercel

언어	프레임워크	데이터베이스 & ORM	보안 & 인증	API & 외부 서비스	빌드 & 배포
Java	Spring	MySQL, MyBatis, Redis	JWT	CodefAPI, ChatGPT API	Gradle, AmazonEC2

형상 관리	커뮤니케이션	서류 작업	UI 공유

• 유저 NowMe 진단 :

  • 유저의 자산 및 직업을 통해 현 상황 페르소나 부여

• 유저 WonnaBE 선택 :

  • 유저가 되고 싶은 투자방향을 정하기

• 유저 총 자산 분석 :

  • CodefAPI 연동하여 실 거래내역 조회 및 데이터 수집

• 유저 소비 상세 내역 조회 :

  • CodefAPI 연동하여 실 거래내역 조회 및 데이터 수집

• 유저 정보 기반 상품 추천 :

  • 유저의 NowMe와 WonnaBE를 통해 카드, 예적금, 보험 상품 추천

• 유저 목표 시뮬레이션 :

  • 유저가 카테고리를 선택하여 목표(금액, 기간)를 입력하면 입력한 목표에 해당하는 상품 추천

• 게시판 :

  • 같은 워너비를 가졌거나 또 다른 워너비를 가진 유저들간의 정보 공유 및 인기 상품 조회 가능

• 1.1 주제 선정
• 1.2 화면 설계
• 1.3 API 조사
• 1.4 ERD 설계

• 2.1 1차 멘토링
• 2.2 2차 멘토링
• 2.3 3차 멘토링

• 3.1 마이페이지
• 3.2 인증/회원
• 3.3 총자산
• 3.4 목표
• 3.5 금융상품
• 3.6 게시판

• 4.1 API 명세서
• 4.2 WBS
• 4.3 ERD 다이어그램
• 4.4 시스템 아키텍처
• 4.5 Figma UI/UX 설명서
• 4.6 시연 영상
• 4.7 발표 PPT

로그인/ 회원가입

Nowme 진단/ 추가정보 입력

WonnaBE 선택/ 히스토리

유저 정보 수정/ 마이페이지 메인

총 자산 현황/자산 상세 내역/계좌 거래 내역

소비 분석/예상 월 소비/오늘의 소비/소비 거래 내역

추천 메인 페이지/보유 예적금 상세 모달/보유 카드 상세/보유 보험 상세

관심 상품 페이지/예적금 상세 페이지/보험 상세 페이지/카드 상세 페이지

목표 메인페이지/목표 보고서

목표 시뮬레이션 입력/목표 시뮬레이션 결과

게시판 메인페이지/카테고리 페이지

스크랩한 글 페이지/내가 쓴글 페이지

카테고리 상세 페이지/게시글 작성 페이지/게시글 페이지