Skip to content

EasyToFind-ETF/easyToFind-Frontend

Repository files navigation

📈 ETF: Easy To Find

ETF의 모든 것, Easy To Find에서 쉽고 간편하게
찾고, 비교하고, 추천받고, 직접 시뮬레이션 해보는 과정을 통해
단순한 추천을 넘어, ETF 선택의 기준을 재정의합니다.


프로젝트 개요

기획 의도

1000개가 넘는 ETF 중에서, 어떤 ETF를, 어떻게 골라야 할까요?

Easy To Find는 투자 판단까지 걸리는 복잡한 고민의 시간을 줄일 수 있도록 돕는
개인화 기반 ETF 탐색·추천·시뮬레이션 플랫폼입니다.

개발 기간

2025.07.03 - 2025.07.29

팀 소개

김지연 김태헌 박혜원 정다영
@todayiswindy @slay1379 @hiwonwon @Dayoung331
PM / FE / BE FE / BE FE / BE FE / BE / Infra
상세 페이지,
메인 페이지
시뮬레이션 로직,
시뮬레이션 / 결과 페이지
스코어링 로직,
성향 테스트 / 결과 페이지
탐색 / 비교 페이지,
마이페이지, 배포



사용 기술 및 도구

Frontend

  • JavaScript
  • React
  • Tailwind CSS / CSS-in-JS
  • Shadcn
  • Lightweight charts

Backend

  • Node.js
  • AWS RDS
  • PostgreSQL
  • JWT 기반 인증 및 사용자 세션 관리

Infra / DevOps

  • AWS EC2 (Ubuntu + PM2 + Nginx + GitHub Actions)
  • GitHub Actions (CI/CD 자동 배포)

협업 도구

  • GitHub (버전 관리)
  • Notion (기획 및 일정 공유)
  • Figma (UI/UX 설계)

API

  • 한국투자증권 API
  • KRX
  • ETF check



주요 기능 소개

기능 및 로직 구분 상세 설명
ETF 탐색 상품명 뿐만 아니라 종목명으로도 검색 가능, 유형별·테마별·종목별로 분류해 확인 가능
ETF 비교 최대 5개의 ETF를 동시에 비교 가능, 사용자별 종합 점수와 다양한 지표를 한눈에 확인 가능
맞춤 추천 단순한 리스크 기반 추천을 넘어 사용자별 가중치 알고리즘으로 산출된 맞춤형 ETF 추천
스코어링 로직 지표를 더 다양화하여 기존 5개이던 투자자 유형을 10개 유형으로 확장
시뮬레이터 정량적 분석 리포트 제공, 목표 달성률 제시, 투자 성향과 리스크 허용도를 반영한 개인화 점수 + 리스크 점수 = 종합 점수 제공,
가장 적합한 상위 ETF 리스트 추천
시뮬레이션 로직 Monte-Carlo 시뮬레이션 도입, 총 5000개의 시나리오를 바탕으로 예상 가치의 변동 범위를 시각화하여
사용자에게 현실적인 투자 기대 범위를 직관적으로 전달
마이페이지 관심 있는 ETF 목록을 기간별로 확인할 수 있도록 구성



실행 화면

   <img width="1889" height="1105" alt=
목록 실행 화면
메인 화면 스크린샷 2025-07-29 오후 4 39 01스크린샷 2025-07-29 오후 4 39 24
스크린샷 2025-07-29 오후 4 39 27
회원가입 / 로그인 스크린샷 2025-07-29 오후 4 46 06스크린샷 2025-07-29 오후 4 46 10
ETF 탐색 페이지 스크린샷 2025-07-29 오후 4 40 09
ETF 비교 페이지 스크린샷 2025-07-29 오후 4 45 08스크린샷 2025-07-29 오후 4 45 23
ETF 상세 페이지 스크린샷 2025-07-29 오후 4 41 03스크린샷 2025-07-29 오후 4 41 06
스크린샷 2025-07-29 오후 4 41 10스크린샷 2025-07-29 오후 4 41 15
스크린샷 2025-07-29 오후 4 41 19스크린샷 2025-07-29 오후 4 41 25
맞춤 추천 페이지 스크린샷 2025-07-29 오후 4 42 03스크린샷 2025-07-29 오후 4 42 06
스크린샷 2025-07-29 오후 4 42 09
맞춤 추천 결과 페이지 스크린샷 2025-07-29 오후 4 42 37스크린샷 2025-07-29 오후 4 42 39
시뮬레이터 스크린샷 2025-07-29 오후 4 42 45스크린샷 2025-07-29 오후 4 43 00
시뮬레이터 결과 페이지 스크린샷 2025-07-29 오후 4 43 27스크린샷 2025-07-29 오후 4 43 31
스크린샷 2025-07-29 오후 4 43 42스크린샷 2025-07-29 오후 4 43 46
마이페이지 스크린샷 2025-07-29 오후 4 45 46스크린샷 2025-07-29 오후 4 45 50



ERD

스크린샷 2025-08-03 오후 8 52 08



API 명세서

스크린샷 2025-08-03 오후 8 54 39



Figma

스크린샷 2025-08-03 오후 8 55 39



아키텍처 구성

image



구성도

/
├── 회원가입 및 로그인
│   ├── 이메일 기반 회원가입 / 로그인
│   └── 약관 및 개인정보 수집 동의
│
├── /
│   ├── ETF 탐색 배너
│   │   ├── 상품명 / 종목명으로 ETF 검색
│   │   └── /find 페이지로 이동
│   │
│   ├── ETF 트렌드 한눈에 보기
│   │   ├── 순자산 / 수익률 / 누적 거래량 을 바탕으로 TOP5 ETF 목록 확인 가능
│   │   └── 전체 운용상품 보러 가기 버튼 클릭 시 /find 로 이동
│   │
│   └── 하단 메뉴 버튼
│       ├── What's your ETF? 클릭 시 /me/mbti 로 이동
│       └── 전략 시뮬레이션 클릭 시 /goal 로 이동

├── /find
│   ├── ETF 탐색
│   │   ├── 상품명 / 종목명으로 ETF 검색
│   │   ├── 여러 탭 버튼을 클릭해 원하는 유형 / 테마로 검색 가능
│   │   ├── ETF별 / 종목별 sorting 기능 제공
│   │   ├── 유형별 / 테마별 / 관심별 로 분류된 결과 확인
│   │   └── 각 ETF 클릭 시 상세 페이지로 이동 (/etfs/{종목코드})
│   │
│   └── ETF 비교
│       ├── 체크 박스를 선택한 후 비교하기 버튼을 클릭하면 팝업창 뜸
│       ├── 최대 5개의 ETF 비교 가능
│       └── 종합점수, 핵심 지표, 기간별 수익률을 한눈에 파악 가능

├── /etfs/{종목코드}
│   └── 상세 페이지
│       ├── 상품정보, 수익률, 위험도, 기준가, 구성종목 정보를 세세하게 확인 가능
│       ├── 수익률은 기간별 그래프를 함께 제공
│       ├── 위험도는 투자위험도, 최대낙폭, 변동성 그래프를 함께 제공
│       └── 구성종목은 구성 비율 그래프와 상세 목록 제공

├── /me/mbti
│   ├── 맞춤 추천
│   │   └── 투자 성향 + 관심 테마 기반 질문
│   │
│   └── 맞춤 추천 결과 페이지
│       ├── 개인화 점수를 반영한 ETF 추천 리스트 제공
│       └── 안정성, 유동성, 성장도, 분산도 지표 제공

├── /goal
│   └── 시뮬레이터
│       ├── 목표 금액, 기간, 초기금액, 월 적립 입력
│       ├── 수익률 기반 달성 가능성 예측
│       ├── 몬테카를로 기반 가치 예측 그래프 시각화
│       └── 종합 점수 기반 최적 ETF 리스트 제공

├── /mypage
│   ├── 내 투자 성향 / 관심 테마 확인
│   └── 저장한 ETF 확인 (기간별 수익률)

└── Cf) 사용자 흐름 요약
    ├── 1단계: 회원가입 / 로그인
    ├── 2단계: ETF 탐색 or 맞춤 추천 or 시뮬레이터 이용
    ├── 3단계: ETF 탐색 / 비교 및 관심 ETF 저장 or 추천 결과 확인 or 결과 리포트 확인
    └── 4단계: /mypage에서 나의 관심 ETF 확인 및 관리

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages