코인 리스트에서 의도치 않은 api 중복 호출 & 중복 리렌더링 & 속도 저하 문제

[fieldnight]

문제 상세:

1. 첫 렌더링 시 화면 두 번 깜빡임

• ticker data와 coinList API 통신을 받아와 정렬 후 합치는 과정에서 발생한 문제로 보임. 이로 인해 화면이 두 번 깜빡이는 현상 발생.

2. 정렬 순서 변경 시 느린 화면 전환

• 기본, 좋아요 많은 순, RSI 등의 정렬 순서 변경 시 화면 전환이 매우 느려지는 현상 발생.

3. Sidebar 리스트 열고 닫을 때 ticker 데이터& coinList 데이터의 무조건적인 패칭

• sidebar에서 리스트를 열고 닫을 시 ticker 데이터가 패칭 주기인 1분이 지나지 않아도 패칭 발생.
• 1분 주기를 무시한 무조건적인 패칭은 정렬 변경시에도 동일.

(현재 새 데이터 패칭 주기를 실시간성을 고려하여 3초로 변경하였습니다.)

4. 최적화 과정:

최적화를 위해 여러 방법을 시도했습니다. 자세한 내용은 아래 블로그에서 확인하실 수 있습니다.
최적화 과정 1: coinList
최적화 과정 2: coinTikcer