Issue#162/main socket refactoring

[kongyb]

개요

• 실시간 코인 가격 정보 컴포넌트에서 이름명으로 정렬되지 않는 부분에 hover 이벤트 걸려있던 부분 수정
• 메인페이지 주기적으로 RestAPI로 데이터 요청하는 부분 소켓을 통해 데이터 받아오도록 수정
• 캔들차트 weeks 차트에서 주봉이 이상하게 렌더링되는 부분 수정
• 캔들차트 데이터가 없을때 마우스 포인터가 가르키는 시간이 표시되지 않던 부분 수정
• 실시간 코인 가격정보 컴포넌트에서 주기적으로 가격이 변동된 코인들만 리렌더링 되도록 수정
• 더이상 백그라운드에 오래있으면 크롬이 먹통이 되지 않음!

작업사항

• RestAPI로 데이터 요청하던 부분 소켓을 통해 데이터를 받아오고 주기적으로 상태에 반영하도록 수정
• timestamp로 날짜를 계산하는 부분 weeks의 경우 완벽하게 들어맞지 않았던 부분이 있어 weeks일 경우에만 계산방식 변경
• 마우스 포인터가 가르키는 시간대에 거래데이터가 없으면 xAxisScale과 마우스의 x좌표를 이용하여 시간을 계산하도록 수정
• memo를 활용하여 리렌더링이 필요없는 컴포넌트 리렌더링 안일어나도록 수정
• visibilitychange 이벤트 활용해 백그라운드에서 JS 실행하지 않도록 수정

이미지

[baldwinIV]

메인페이지 소켓으로 리팩터링 된 부분 그래프 다시 안그려지는거 같네요