JavaScript Beacon API를 사용한 안정적인 데이터 전송: 신뢰할 수 없는 beforeunload 탈피

사용자가 웹사이트를 떠날 때 서버로 데이터를 안정적으로 전송하는 것은 항상 어려운 문제였습니다. fetch 또는 XMLHttpRequest와 beforeunload 이벤트를 함께 사용하는 기존 방법은 브라우저가 사용자 경험 향상을 위해 요청을 취소할 수 있으므로 신뢰할 수 없습니다. JavaScript의 Beacon API는 '보내고 잊어버리기' 솔루션을 제공합니다. 브라우저는 응답을 기다리지 않고 JavaScript를 즉시 실행하여 데이터가 안정적으로 전송되도록 합니다. Beacon API는 데이터 크기를 제한하고 POST 요청만 지원하지만, 분석 데이터나 페이지 떠나기 이벤트와 같이 소량의 중요한 데이터를 전송하는 데 적합합니다. 또한 실시간 데이터 동기화와 같이 안정적인 비동기 데이터 전송이 필요한 모든 시나리오에도 적합합니다.