fetch2 XHR과 fetch의 차이 - 메모리 처리 방식 XHR과 fetch의 내부 동작이 어떻게 다른지 알아보는 글이다.해당 글을 읽기 전에 XHR - 왜 알아야하나? 과 fetch - 기본 동작 방식를 읽고 오면 더 잘 이해할 수 있을 것이다.많은 차이가 있을 수 있겠지만 대표적으로 5가지가 있다. 1. 메모리 처리 방식: 버퍼링 vs 스트리밍2. Task Queue vs Microtask Queue3. 모던 웹 생태계와의 결합4. 요청 취소 방식5. 진행률 추적 이번 글에서는 1번인 메모리 처리 방식에 따른 XHR과 fetch 차이를 깊이 있게 알아볼 것이다. 메모리 처리 방식: 버퍼링 (Buffering) vs 스트리밍 (Streaming)유튜브나 동영상을 보면서 버퍼링과 스트리밍에 대해 한 번씩은 들어보았을 것이다.우리가 아는 버퍼링은 영상을 보다가 .. 2026. 5. 4. fetch - 기본 동작 방식 1. fetch의 탄생XHR은 페이지 새로고침 없이 서버와 데이터를 주고받는 AJAX 기술을 탄생시키며 동적인 웹 애플리케이션(SPA)를 탄생시켰다.하지만, 웹 애플리케이션이 점점 더 크고 복잡해지면서 XHR의 한계와 불편함을 느끼기 시작했다.대표적인 한계와 불편함은 XHR의 단점 여기서 확인해볼 수 있다.이로 인해 XHR을 대체하는 새로운 브라우저 표준인 fetch가 탄생하게 되었다. 그럼 여기서 드는 생각이 있다.XHR은 내부 상태 코드에 따라 JS 엔진에 전달되는 이벤트 핸들러가 달라졌다.( XHR - 왜 알아야하나?)그럼 fetch에서도 XHR과 내부 동작 방식이 동일할까? 정답은 완전히 다른다.fetch는 XHR을 리모델링한 것이 아니라, 최신 기술로 다시 새로 만든 C++ 네트워크 엔진이다.f.. 2026. 4. 23. 이전 1 다음
