자바스크립트 오류 처리는 특히 가져오기를 사용할 때 혼란스러울 수 있습니다. 대기를 사용하는 경우 오류를 처리하려면 try catch 블록으로 래핑해야 하며 우리 모두는 그것이 다음과 같다는 것을 알고 있습니다. 두통

그럼 우리가 이런 일을 할 수 있다고 말하면 어떨까요

import { get } from "./eavfetch";

interface Book {
  id: string;
  title: string;
  author: string;
}

async function fetchBooks() {
  // data type is inferred as Book[]
  const [data, error] = await get("/books");

  if (error) {
    console.error("Failed to fetch books:", error);
    return;
  }

  if (data) {
    console.log("Fetched books:", data);
  }
}

이제 갑자기 가져오기를 처리하는 것이 오류와 데이터를 처리하는 쉽고 매우 간단하고 안전한 방법인 것 같죠? 가치가 접근할수록 오류의 힘이 커지는 거죠

리포지토리에 있는 eavfetch.ts/js를 복사하여 바로 사용할 수 있습니다.