0421

• MyList내의 컨텐츠 포스터 이미지
  • state와 conditional render를 사용할 것인가?
  • 다른방8법?
• provider icon 겹치는 방법
  • mantine 사용: avatar.group

0423

• 문제
  • container 사이즈 이게 맞나?
  • searchbar위로 겹쳐서 스크롤되는 문제

0425

• 상태를 전역으로 관리할 것인지 아닌지?
  • watch, like, history 카테고리 선택 상태 →
• statistic 을 언제/어떻게 계산하고 무엇을 사용해서 그릴지??
• [ ] username 렌더링전에 데이터 들어가도록 해야하는디!
• [ ] username, provider badge가 왜 여러번씩 실행되지?? 문제다!!! 반드시 해결 필요!!
  • [ ] 서버에 요청도 계속가는데..큰일쓰

0426

• provider 가져올때 함수 가독성 확보를 위해..

  • 초기

  const providerDatas = useQueries({
      queries: providerQueries,
    })
      .map(query => query.data)
      .map(data => data.providers)
      .flat()
      .map(provider => provider.provider_id);
  

  • 대안

  const providerDatas = useQueries({
    queries: providerQueries,
  }).reduce((acc, query) => {
    const data = query.data;
    if (data && data.providers) {
      acc.push(...data.providers.map(provider => provider.provider_id));
    }
    return acc;
  }, []);
  

  const providerDatas = useQueries({
    queries: providerQueries,
  })
    .map(query => query?.data?.providers ?? [])
    .flat()
    .map(provider => provider.provider_id);
  

  const providerDatas = useQueries({
    queries: providerQueries,
  }).flatMap(query => query?.data?.providers ?? []).map(provider => provider.provider_id);
  

• 쿼리키를 뭘로 줘야하는가!!!! getCollections (watch, like, history)

0427

• 구독정보 변경시, 바꼈을때만 요청날리는 방법 고민..
  • 뭔가 더 우아한 방법이 없을까….