목차
1. 프로젝트 개요
| 항목 |
내용 |
| 프로젝트명 |
UZ Exchange |
| 유형 |
암호화폐 거래 플랫폼 (Cryptocurrency Exchange) |
| 역할 |
풀스택 개발 (프론트엔드 중심) |
| 기간 |
2025.01 ~ 2025.04 |
| 팀 구성 |
FE: 2, BE: 1, 기획 & 디자인: 2 |
프로젝트 소개
UZ Exchange는 우즈베키스탄 시장을 타겟으로 한 암호화폐 거래 플랫폼입니다. 실시간 OrderBook, 차트, 거래 기능을 제공하며, 3개 언어(영어, 우즈벡어, 러시아어)를 지원합니다. KYC 인증, OTP 2FA, 소셜 로그인 등 금융 서비스 수준의 보안 기능을 구현했습니다.
2. 기술 스택
Frontend Core
| 기술 |
버전 |
선택 이유 |
| React |
18.3.1 |
컴포넌트 기반 UI 개발, 대규모 커뮤니티 |
| TypeScript |
5.6.2 |
타입 안정성으로 런타임 에러 방지 |
| Vite |
6.0.5 |
SWC 기반 빠른 빌드 + HMR |
상태 관리
| 기술 |
용도 |
| Zustand |
클라이언트 상태 (인증, UI, WebSocket 데이터) |
| React Query (TanStack) |
서버 상태 관리 (API 캐싱, 동기화) |
스타일링
| 기술 |
용도 |
| styled-components |
CSS-in-JS 동적 스타일링 |
| 커스텀 테마 시스템 |
Light/Dark 모드 지원 |
실시간 통신
| 기술 |
용도 |
| WebSocket |
실시간 OrderBook, Ticker, Trade 데이터 |
| 3개 데이터 소스 |
OKX, Bybit, UZNEX 연동 |
인증 & 보안
| 기술 |
용도 |
| JWT (Access/Refresh) |
토큰 기반 인증 |
| Firebase Auth |
소셜 로그인 (Google, Apple) |
| Sumsub SDK |
KYC 신원 인증 |
| reCAPTCHA v2 |
봇 방지 |
기타 주요 라이브러리
| 기술 |
용도 |
| axios |
HTTP 클라이언트 + 인터셉터 |
| react-router-dom 7 |
클라이언트 라우팅 |
| i18next |
다국어 지원 (3개 언어) |
| TradingView Library |
전문 금융 차트 |
| decimal.js |
고정밀도 숫자 연산 |
| qrcode.react |
입금 주소 QR 코드 |