📌fetch

• fetch() 함수는 JavaScript에서 HTTP 요청을 보내는 API
• 웹 브라우저에서 서버와 데이터를 주고받을 수 있음

Promise.then().catch()

fetch(url, options)
  .then(response => response.json())
  .then(data => {
    // 응답 데이터 처리
    console.log(data);
  })
  .catch(error => {
    // 에러 처리
    console.error(error);
  });

• url
  요청을 보낼 URL 주소를 입력

• options
  요청에 대한 옵션을 설정할 수 있는 객체
  HTTP 메소드, 헤더, 본문 데이터 등을 포함할 수 있음

• .then()
  서버로부터 응답이 오면 실행되는 콜백 함수
  응답 객체를 받음

• .then()
  두 번째 .then() 메소드에서는 응답 객체의 데이터를 처리
  response.json()을 사용하여 JSON 데이터로 변환

• .catch()
  요청 중 에러가 발생하면 실행되는 콜백 함수

async/await

async function fetchData() {
  try {
    const response = await fetch(url, options);
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

fetchData();

---

추후에 axios랑 비교를 해봐야 겠다.

---

참고
React fetch 사용법 Loading,Error,GET,POST