자바스크립트 AbortController로 비동기 작업 취소하기

이 글은 AbortController와 AbortSignal로 자바스크립트 비동기 작업을 취소하는 방법을 설명한다.

abort 이벤트와 reason 확인, fetch 요청 취소, 연속 요청 처리 방식도 함께 다룬다.

또한 AbortSignal.timeout()으로 자동 타임아웃 취소를 구현하는 방법까지 소개한다.

검색 자동완성처럼 중간 취소가 필요한 상황에서 오래된 응답과 불필요한 작업을 막는 데 유용하다.