useSWR 사용기

로직 고민하다보니까 데이터가 비동기로 불러와지는데 그 데이터들을 조합해서 화면에 뿌려주는 동안 보여줄 사항이 없음 이런
그리고 뭔가 소팅이랑 필터링을 할때 데이터가 1000개가 넘어가면 렌더링 이슈가 생김…
Pagination 도입하기에도 사실상 비동기로 불러온 데이터를 조합할건데 어떻게 페이징을 해야할지 잘 모르겠음
대용량 데이터를 불러오는 상황은 실제로 되게 흔한 상황인데 그걸 어떻게 유저가 불편하지 않게 뿌려줄지 & 퍼포먼스 이슈 없이 db query 를 날려줄지 고민

그리고 비동기로 불러온 데이터가 여러개면 조합을 할때 모든 데이터가 isLoading 인지를 체크해서 조건 통과할 때 넘겨줘야 하나?
근데 그러면 하나를 조회하다가 실패했을때 계속 유저는 화면을 기다리게 될 수도 있음… 흠

useSWR 생각할 것

유저가 클릭한 날짜로 쿼리를 생성한 다음, 여러 api로부터 데이터를 각각 불러와야 함
불러온 데이터를 기반으로 유저에게 보여줘야 할 데이터를 가공한 다음 화면에 뿌려줘야 함

• Fetch 호출
• 데이터가 준비되면 가공 시작
• 가공이 끝나면 화면에 넘겨주기

데이터가 준비되면 -> 어떻게 체크할건지
가공이 끝난 데이터 -> state로 관리?
가공이 끝나면 해당 state에 의존되는 useEffect로 리렌더링 유발
여러 api로부터 데이터를 불러올 때의 렌더링 기다리는 건 어떻게 처리할 수 있는지