클라이언트에서 API 호출할때 사용하는 도구를 알아보자. (fetch, axios, TanStack Query, SWR) + graphql, firebase, supabase fetch브라우저 내장 API로 별도의 설치 없이 사용이 가능하다.Promise 기반으로 HTTP 요청을 보낸다.사용 시 JSON 파싱 등 부가 처리를 직접해야한다.내장 API로 가볍고 기본적인 기능을 제공하며, 별도의 의존성이 없다는 장점이 있다.단점으로는 요청/응답 처리 로직을 매번 수동으로 작성해줘야하며 인터셉터나 요청/응답 변환 기능이 없다.에러처리나 타임아웃, 리트라이 같은 부분도 직접 작성해줘야한다.const res = await fetch('/api/data');const data = await res.json(); ..
AbortController 자바스크립트에서 비동기 작업을 중단할 수 있도록 도와주는 API이다. (특히 fetch() 요청 중단)Promise는 원래 취소 기능이 없지만, AbortController로 특정 요청을 강제로 취소할 수 있다. 기본 개념AbortController는 비동기 작업을 제어하기 위한 signal 객체를 제공한다.controller.abort()를 호출하면 해당 signal을 감지하는 모든 요청이 즉시 취소된다.const controller = new AbortController(); const { signal } = controller; fetch("https://jsonplaceholder.typicode.com/todos/1", { signal }) .then((respon..