Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 로그인
- 토이프로젝트
- react-query
- express
- 배포
- Git
- 셋팅
- 회고록
- vuex
- 기획
- jwt
- 정리
- nginx
- Docker
- javascript
- Firebase
- 프론트
- 뷰
- vue
- extension
- 신상마켓
- vsCode
- 플러그인
- react
- AWS
- plugin
- login
- database
- vue login
- PWA
Archives
- Today
- Total
강디너의 개발 일지
youtube search api 연동 본문
728x90
google 에서 지원해주는 youtube api로 검색을 해봤습니다.
export function searchYoutube(q, maxResults) {
const params = {
key,
part: 'snippet',
q,
maxResults,
};
return axios.get(`https://www.googleapis.com/youtube/v3/search`, {params});
}
key는 youtube api 키
part는 youtube api 에서 어느 정도 보여줄 지 정해주는 범위이며 할당량 사용 관리를 위한 변수 입니다.
q 는 검색어
maxResults는 결과를 몇개 보여줄 지 입니다.
part 매개변수에 예를 들어 video 리소스는
- snippet
- contentDetails
- fileDetails
- player
- processingDetails
- recordingDetails
- statistics
- status
- suggestions
- topicDetails
있으며, 보오통 snippet 을 써서 데이터를 받는다고 합니다. 각각의 변수에 대해서는 다 찾아봐야 합니다.
이러한 모든 부분은 중첩된 속성을 포함한 개체이며 이와 같은 개체는 API 서버에서 검색하거나 검색하지 않을 수 있는 메타데이터 필드의 그룹으로 생각할 수 있습니다. 이에 따라 part 매개변수와 관련해 애플리케이션에서 실제로 사용할 리소스 요소를 선택해야 합니다. 이유는 다음과 같습니다.
- API 할당량 사용을 관리할 수 있도록 해줍니다. API 응답에서 검색하는 부분의 수를 늘리면 이에 따라 API 사용량도 증가하며 사용 가능한 할당량은 줄어듭니다.
- API가 애플리케이션에서 사용하지 않는 메타데이터 필드를 검색하는 데 시간을 소비하지 않도록 함으로써 지연 시간을 줄여줍니다.
- 애플리케이션에서 검색할 수 있는 불필요한 데이터양을 줄이거나 없앰으로써 대역폭 사용량을 감소시킵니다.
리소스가 더 많은 부분을 추가함에 따라 애플리케이션에서 지원하지 않는 새로 정의된 속성을 요청하지 않으므로 이와 같은 장점은 더 늘어날 것입니다. by. 유튜브 API 설명
반응형
'Javascript > 토이프로젝트' 카테고리의 다른 글
웹 버전 관리 시스템 (0) | 2021.02.17 |
---|---|
Firebase storage + Firebase resize images 사용해보기 (2) | 2020.05.13 |
프로젝트_v10 AWS에 작업물 업로드 + Nginx 연동 (0) | 2019.04.08 |
프로젝트_v9 AWS에 Nginx 설치해서 띄워보기 (0) | 2019.03.08 |
프로젝트_v8 Vue Login 기능 만들기 (4) | 2019.02.05 |
Comments