✋🏻gif가 로딩중이에요!

1. 키워드 검색

• 검색하고 싶은 키워드를 검색

  URL 쿼리스트링으로 요청

const SearchonClick = () => {
    navigate(`/searchresult?=${search_KW}`, {
      state: { search_KW: search_KW },
    });
  };

• 키워드를 api request

  search_KW가 변경될때 마다 api요청

useEffect(() => {
    axios
      .get(uri)
      .then(res => {
        const responseData: TSongLists[] = res.data.items.map((item: any) => {
          return {
            id: item.id,
            thumnail: item.snippet.thumbnails.default.url,
            title: item.snippet.title,
          };
        });
        setPlaylist(responseData);
      })
      .catch(() => {});
  }, [search_KW]);

• 검색결과 도출 → UI 변경