[Next JS] 외부 URL 데이터 가져오기

React와 Next JS 학습을 하면서 외부 데이터를 가져오게 되었다. 외부 URL을 이용해서 제목과 이미지를 가져와 사용하였다. 여기서 외부 데이터를 가져오는 방법이 한 가지가 아니라는 것을 알게 되었고 잊지 않기 위해 기록하게 되었다. 첫 번째 방법, URL을 입력하여 직접 가져오기 우리는 자바스크립트에서 외부 API를 가져오기 위해 비동기 통신 "Axios"를 사용한다. 여기서 직접 URL을 입력하여 데이터를 가져오는 방법은 const res = await fetch(`https://jsonplaceholder.typicode.com/photos/`) const photo = await res.json(); 위 처럼 비동기 방식으로 URL을 가져오는 방법이다. 그리고 해당 데이터를 return하여..
프론트엔드/React 2021. 7. 27. 21:49
1