https://hongjae.pages.dev/tags/browser/ Recent content in Browser on Jaehyun's Blog https://pub-8eb6fdee382f4b0390e652016dc5f15a.r2.dev/og-image.jpg https://pub-8eb6fdee382f4b0390e652016dc5f15a.r2.dev/og-image.jpg Hugo -- 0.118.2 ko Thu, 02 Jul 2026 00:00:00 +0000 https://hongjae.pages.dev/posts/260702-stable-http-request-on-page-exit/ Thu, 02 Jul 2026 00:00:00 +0000 https://hongjae.pages.dev/posts/260702-stable-http-request-on-page-exit/ Navigator.sendBeacon() 사용하기 Navigator.sendBeacon() 함수는 페이지가 떠나갈 때 신뢰성 있게 데이터를 전송하기 위해 만들어진 API입니다. 간단히 말해, 작은 데이터 블록을 서버로 보내는 데 적합합니다. 기본 사용법은 다음과 같습니다. navigator.sendBeacon('/log', JSON.stringify({ some: 'data' })); 하지만 이 API는 커스텀 헤더를 지원하지 않으므로, Content-Type을 application/json으로 지정하고 싶다면 Blob 객체를 사용해야 합니다. <a href="/some-other-page" id="link">Go to Page</a> <script> document.getElementById('link').addEventListener('click', (e) => { const blob = new Blob([JSON.stringify({ some: 'data' })], { type: 'application/json; charset=UTF-8' }); navigator.