[최종프로젝트] 유틸타입 (Utill Type)

export const getMusicInfoData = async (keyword: string) => {
  const { data } = await supabase
    .from("musicInfo")
    .select("musicId, musicTitle, artist, thumbnail, release, musicSource")
    .or(`musicTitle.ilike.%${keyword}%,artist.ilike.%${keyword}%`)
    .order("musicTitle", { ascending: false });
  return { data };
};
export type MusicInfoDataType = Awaited<ReturnType<typeof getMusicInfoData>>["data"];

 

음악 검색 시 수파베이스에서 받아온 음악 정보를 유틸타입으로 만드는 과정 

1. type CommunityDataType = Awaited<returntype>["data"];</returntype
2. 프로미스의 제네릭을 없애주고 실제 함수의 반환값 타입만 반환한다(비동기 함수의 결괏값만 받겠다는 것)
3. ReturnType - 반환값은 이 함수 반환값의 타입이다
4. 타입오브로 겟데이터 타입을 추론
5. ["data"] 키값 << 이 키에 맞는 데이터 타입을 지정하는 것
6. 함수의 반환값 자체를 타입으로 만듦