Skip to content

fwangdo/wonbit

Repository files navigation

Upbit 클론 프로젝트

프로젝트 개요

React와 React Query를 사용하여 제작한 암호화폐 추적 및 가상 투자 웹 애플리케이션으로, Upbit 암호화폐 거래소 플랫폼의 주요 기능을 시뮬레이션합니다.

🚀 주요 기능

  • 실시간 상위 50개 암호화폐 가격 추적
  • 인터랙티브 가격 변동 대시보드
  • 상세 가격 이력 그래프
  • 가상 투자 시스템
  • 포괄적인 거래 이력
  • 자산 포트폴리오 추적

🛠 기술 스택

  • React
  • React Query
  • JavaScript
  • CodeGecko API

🔍 현재 구현 상황

완료된 기능

  • 상위 30개 암호화폐의 현재 가격 및 24시간 가격 변동 데이터 fetching
  • 동적 헤더 기반 네비게이션
  • 개별 암호화폐의 2주간 가격 변동 그래프
  • 캔들 정보 제공하기
  • 회원가입 / 로그인 포맷 만들기
  • 로그인에 따른 권한 변경 만들기.
  • 회원가입 알고리즘 만들기
  • 매수 매도 기능 구현
  • 현재 보유 잔금
  • history / wallet 란에 대응하는 ui 만들기.
  • zustand 기반 리팩토링
  • Table -> div로 변경
  • market에서 로그인창 넣기
  • css 모두 변경

🎯 향후 계획

  • Recoil -> redux 전환.
  • error 생성
  • 백엔드와 연동준비.

📊 기술적 도전 과제

  • React Query를 활용한 효율적인 API 데이터 fetching
  • 동적 데이터 시각화
  • 암호화폐 정보 디스플레이를 위한 반응형 디자인

🔗 API 통합

  • 실시간 암호화폐 데이터 검색을 위해 CodeGecko API 활용

📈 성능 최적화

  • 상태 관리 및 캐싱을 위한 React Query 구현
  • 불필요한 렌더링 최소화
  • 데이터 fetching 전략 최적화

🚧 향후 개선 계획

  • 고급 차트 기능 구현
  • 더욱 상세한 투자 추적 기능 추가
  • 사용자 인터페이스 및 경험 개선

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published