<aside>
❓ 김치프리미엄(국내 거래소와 해외 거래소의 시세 차이)과 암호화폐 실시간 시세 변동을 제공하는 서비스
국내 거래소 업비트, 빗썸과 해외 거래소 바이낸스의 암호화폐 시세를 비교하여, 여러 수치들을 차트, 테이블 등으로 시각화
</aside>
프로젝트 소개
프로젝트 팀원
담당 파트
프론트엔드
- 기능 구현
- 코인 테이블
- Bithumb websocket API 연동 및 테이블 적용
- coingecko API를 이용한 Bithumb 코인명, 아이콘 매칭
- 테이블 컴포넌트화 및 정렬 기능 구현
- 코인 차트
- Bithumb candlestick API 연동 및 시세 차트 적용
- 선택한 코인 정보 표시
- 시세 차트 컴포넌트화
- Upbit, Bithumb API 타입 통일을 통한 컴포넌트화 개선
- 성능 개선
- windowing을 통한 첫 렌더링 시 보이는 코인만 dom에 표시
- React.memo를 이용한 시세 차트, 테이블 불필요한 리렌더링 개선
- react-icons 라이브러리 대신 svg 사용
이슈 및 문제해결
Memoization, Windowing을 이용한 성능 점수 63점 개선
빗썸과 업비트 데이터 형식 통일을 위한 커스텀 훅
상태값이 객체일 때 초기값 설정
리팩토링