본문 바로가기

잡단한것들/코딩연습장

THE MOVIE DATABASE API활용하기

https://developers.themoviedb.org/3/getting-started/introduction

 

API Docs

Hosted API documentation for every OAS (Swagger) and RAML spec out there. Powered by Stoplight.io. Document, mock, test, and more, with the StopLight API Designer.

developers.themoviedb.org

axios를 활용하여 처리하기

let page = 1;
const key = 키값;
let output = '';
 
getData = async () => { 
    const url = 'https://api.themoviedb.org/3/movie/popular?api_key=' + key + '&language=ko-KR&page=' + page; 
    const {
         data: { 
             results 
            }, 
        } = await axios.get(url); console.log(results);
for (var i = 0; i < results.length; i++) {
     output = output + 'results[i].title'
    } 
}

console로 results 찍어보면 json형태로 데이터가 들어온게 보인다

그 중 필요한 데이터만 추출하면 끝

영어라 찾기 조금 힘들지만 검색 조건을 어떻게 정할 건지에 따른 url을 가져오면 된다

'잡단한것들 > 코딩연습장' 카테고리의 다른 글

문자열 더하기  (0) 2021.04.27
jQuery  (0) 2021.04.20
.edtiorconfig  (0) 2021.04.13
css 테두리 겹치기 꼼수  (0) 2021.02.18
스크롤 이벤트  (0) 2021.02.16