여러 개의 외부 API(예: 날씨 정보, 결제 상태, 회원 정보 등)를 한 번에 호출해야 할 때, 페이지 로딩 속도가 3초 이상 길어져 답답함을 느껴본 적이 있을까?다만 대부분의 개발자들은 foreach 문 내부에서 curl_exec()를 순차적으로 실행하면서 네트워크 latency가 누적되어 병목이 발생한다는 사실을 모른 채 단순 타임아웃만 조절하곤 한다···
jQuery를 사용하는 가장 큰 이유 중 하나가 바로 AJAX 기능이다. AJAX를 통해 페이지를 새로고침하지 않고도 서버와 통신할 수 있기 때문에, 사용자 경험을 크게 향상시킬 수 있다. 다만 AJAX는 비동기 통신이기 때문에 실행 순서, 에러 처리, 타이밍 등 신경 써야 할 부분이 많다. 이번 글에서는 jQuery AJAX의 기본부터 시작해서, 실무에서···
순수 javascript 에서 ajax 통신을 할때 주로 XMLHttpRequest 또는 fetch 를 이용했을 것이다. XMLHttpRequest의 경우 현재도 많이 사용되는 방식이긴 하나 현재까지 와서는 이보다 더 강력한 fetch 함수를 많이 사용하고 있는 편이다. 이번편은 fetch 함수를 이용한 커스텀 비동기 ajax 함수에 대해 알아보도록 하자 ···