[실패일지] 유튜브 API Search 연동하기

1. 그동안은 firebase에 직접 저장해 놓은 데이터에 한해서만 검색이 가능했다.

그러나 이제 유튜브에 직접 검색하여 json데이터를 받아오고자 한다.

 

 

시도 1. youtube-api-search dependancy 사용

( 참고 링크 : https://mesonia.tistory.com/125 )

yarn add youtube-api-search
후
import YTSearch from 'youtube-api-search';
하여 사용

export default function Test() {
	const [state, setState] = useState();
    const [keywords, setKeywords] = useState();
	...
        const params = {
        key: "Yout_API_Key",
        part: "snippet",
        maxResults: 20,
        term: keywords, // 검색창에서 입력한 키워드를 setKeywords(text)로 받아 입력해줌
        type: "video"
    };
    
    YTSearch(params, result => {
        console.log(result);
		setState(result); // 얻은 json데이터를 FlatList에 state로 보내줌
    });
    ...
	    return (
    	    <View>
       		...
            /<View>
        )          
}

장점 : 간편하게 받아올 수 있다. 

          파라미터 설정도 쉽다.

단점 : 기본형식에 keyword를 useState로 설정해버리면 같은 데이터를 계속 검색한다.

          useState사용시 매 타이핑마다 검색해버린다.

          데이터를 받아오긴 했으나, API Key당 횟수제한이 있다.

 

시도 2.