GitHub의 GitFlow 전략을 활용하여 형상 관리를 체계화.
- 통상적인 개발, 배포, 유지보수 과정에서 거래소 특성상 빈번하게 발생하는 Hotfix 상황에 대비.
- 개발 인원들에게 Hotfix Develop(Release) 양방향 코드 관리 방법론을 제시하고 적용하여 긴급한 이슈 발생 시 신속한 대응 가능.
- 예: 코인, 토큰별 자산 표기 방법 변경과 가변적인 수정 기한으로 인해 hotfix 프로세스 강화.
상태관리 환경: React의 useReducer를 활용
- 유저 정보 데이터 관리, 로그인 상태, KYC 인증 내역 등 다양한 유저 상태를 하나의 스토리지에서 관리.
- 복잡해질 수 있는 상태 전환 로직에 대응하기 위해 useReducer를 채택하여 코드 구조를 간소화하고 유지보수성을 향상.
React의 useCallback을 활용하여 불필요한 렌더링을 최소화하여 성능 최적화
- 자산을 각 거래소로 전환할 수 있는 Transfer 모달에서 데이터를 초기화하는 로직에 useCallback을 적용하여 초기 렌더링 횟수를 줄이고 성능을 향상.
- 효율적인 상태 관리를 통해 사용자 경험을 개선하고, 복잡한 데이터 초기화 과정에서 불필요한 계산을 최소화.
웹 및 모바일 페이지 Mockup
- 반응형 레이아웃 구현으로 데스크톱(1920px)부터 태블릿(768px), 스마트폰(360px)까지 다양한 기기에서 최적의 사용자 경험 제공.
- 미디어 쿼리를 활용하여 레이아웃이 유동적으로 변하도록 구현.
Binance 및 Bybit 거래소 연동
- 다양한 거래소 기능을 통합하여 사용자가 플랫폼 내에서 거래를 편리하고 효율적으로 수행할 수 있도록 지원.
- Binance 및 Onechain 자체 입출금 기능 개발로 사용자 자산 이동을 원활하게 지원하여 거래소 간 연동성을 강화.
- Bybit 거래소 연동 디자인 및 기능 구현을 통해 사용자가 OneChain 플랫폼 내에서 Bybit의 다양한 거래 기능을 활용할 수 있도록 지원.
Binance Referral 기능 구현
- 신규 사용자 유입을 유도하고 플랫폼의 사용자 기반을 확장.
- Table을 컴포넌트화하여 큰 틀의 디자인을 적용하고, 데이터 배열만 넣으면 사용 가능한 옵션 기반 구조로 코드 리팩토링 작업을 동시에 진행하여 유지보수성을 향상.
투자 및 자산 관리 기능 개발
- Buy Crypto Mockup 완성: 사용자가 쉽게 암호화폐를 구매할 수 있도록 UI 설계 및 API 연동 준비를 완료했으나, 서비스에는 반영되지 않음.
- Quant 및 Staking 기능 개발: Quant UI 디자인과 Staking UI 디자인 및 기능 구현을 완료하여 사용자에게 다양한 자산 관리 옵션 제공.
거래소 간 Transfer 기능 개발
- 거래소 간 자산 이동 UI/UX 설계 및 기능 구현으로 사용자 편의성 증대.
테스트 및 품질 보증(QA)
- QA를 통해 전반적인 시스템 안정성 및 오류 최소화 검증 진행.
- 플랫폼 출시 전 DOOROO QA 업체와 협력하여 Trello를 활용해 버그의 중요도를 구분하고 체계적으로 QA를 진행, 주요 오류를 효과적으로 해결
배포 관리
- Cloudflare를 사용한 Staging 배포.
- Vercel을 활용한 메인 프로덕션 배포.
개발 환경: React, Styled-Components, TypeScript, REST API
더보기