React : 유튜브 api 를 써보자

컴퓨터 정보/리액트

혜닝혜루 2023. 1. 16. 15:41

728x90

Search: list | YouTube Data API | Google Developers

Search: list 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. API 요청에 지정된 쿼리 매개변수와 일치하는 검색결과의 모음을 반환합니다. 기본적으로 검색결과

developers.google.com

검색이라는 api를 쓰고싶다면

Search의 list 에 들어가보자

Search -> list - > Common use cases에 </> 클릭

예시로 keyword </> 를 클릭해서 보자

GET https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&q=surfing&key=[YOUR_API_KEY] H

기본적 url과 검색을 하는곳에 ? 쿼리파람을 주는데 snippet을 받아올것이고 검색결과는 maxResults =25개 를 받아올거야 우리가 검색하는 q 키워드는 surfing이라 되어있는데 여기에 아무거나 입력을 해보자

key는 유튜브 api키 받은걸 적으면 된다.

이렇게 url의 정보를 받아올 수 있게 되는데 보통 배열 [ ] 안에 { } 객체로 해서 영상들의 내용 즉 title , description 같은 정보를 볼 수 있다.

728x90