[React] fetch vs axios

fetch

• ES6의 Promise 기반 API
• HTTP 응답 상태코드: ok -> response 객체로 반환
• JSON 객체가 아니므로 response.json() 을 호출하여 데이터를 추출
• 기본 브라우저 API로 라이브러리 설치 불필요

    const json = await (
          await fetch(`https://yts.mx/api/v2/movie_details.json?movie_id=${id}`)
      ).json();
      setMovie(json.data.movie);

axios

• Promise 기반 API
• HTTP 응답 상태 코드: 200 -> JSON 객체로 반환
• 추가적은 라이브러리 설치 필요 : npm i axios

  const getMovie = async () => {
  try {
  const response = await axios.get(https://yts.mx/api/v2/movie_details.json?movie_id=${id});
  setMovie(response.data.data.movie);
  console.log(response.data);
  } catch (error) {
  console.error(error);
  }
  };