XMLHttpRequest2 XHR의 단점 XHR에는 많은 단점이 존재한다. 이러한 단점 때문에 개발자는 XHR을 대체하는 방법을 생각했고,결과적으로 fetch가 탄생하게 되었다.대표적인 단점을 살펴보면서 왜 XHR을 대체하는 fetch가 탄생하게 되었는지 생각해보자.1. 너무 장황하고 복잡한 보일러플레이트 코드function xml() { const xhr = new XMLHttpRequest(); // 1. 객체 생성 xhr.open('GET', BASE_URL + '/api/users/1', true); // 2. 요청 초기화 xhr.onload = function () { // 3. 요청 완료 이벤트 리스너 등록 if (xhr.status >= 200 && xhr.status 일반적으로 XHR을 이용하여 코드를 작성하면 위.. 2026. 4. 22. XHR - 왜 알아야하나? 1. XHR의 등장XHR이 등장하기 전, 과거의 웹은 동기적으로만 동작했다.버튼을 누르거나 데이터를 요청하면 무조건 브라우저 화면이 깜빡이며 새로고침되어야 했다.MS가 처음 도입한 XHR을 통해, 브라우저 백그라운드에서 서버와 비동기적으로 데이터를 주고받는 것이 가능해졌다.즉, 페이지 새로고침 없이 화면의 일부분만 업데이트할 수 있게 되었다. 구글이 XHR 기술을 이용해 새로고침 없이 지도를 드래그 할 수 있게 하는 등의 성과를 보여주었다.이후, XHR을 이용해 화면 깜빡임 없이 비동기적으로 통신하는 기법으로 AJAX(Asynchronous JS and XML)이라는 이름을 붙였다.2. XHR의 작동 방식function xml() { const xhr = new XMLHttpRequest(); // .. 2026. 4. 21. 이전 1 다음