📚 Reference

• 공식 문서 1
• 참고 자료 1
• 참고 자료 2

📜 Chapter

‣

‣

‣

useEffect

Race condition

Race condition - JavaScript

AbortController

• AbortController
• abort: 중단하다.
• AbortController 객체를 사용하면 이러한 비동기 웹 요청을 부분적으로 제어할 수 있다.
• AbortController는 브라우저 Web API로 비동기 웹 요청을 중단할 수 있는 기능을 제공한다.
• 응답 시간이 오래 걸리거나 응답이 더 이상 필요하지 않은 경우 요청을 중단할 수 있다.
• 이렇게 요청을 제어하여 불필요한 서버 요청을 줄여 성능을 개선할 수 있으며, 사용자에게 더 나은 사용자 경험을 제공할 수 있다.

AbortController, AbortSignal

• AbortController는 AbortSignal로 알려진 연결된 종속적인 시그널을 제공한다.

const controller = new AbortController();
const { signal } = controller;

• AbortController는 controller.abort()를 통해 홀더가 연결된 시그널을 중단할 수 있도록 한다.
• AbortSignal은 직접 중단할 수 없지만, fetch()와 같은 호출로 넘겨주거나 중단된 상태를 직접 수신할 수 있다.
• signal.aborted를 통해 상태를 확인하거나, "abort" 이벤트에 대한 이벤트 리스너를 추가할 수 있다. (fetch()는 이를 내부적으로 실행한다. 이는 코드에서 이벤트를 수신해야 하는 경우에 제한 한다.)
• 즉, 중단되는 것(fetch 등)은 스스로 중단할 수 없어야 하므로 AbortSignal만 수신한다.