AJAX

정의

Asynchrounous Jvascript And XML(HttpRequest)의 약자

fetch를 이용해 데이터를 비동기적으로 받아와 DOM을 조작하여 화면에 렌더링하는 기술

이전에는 XMLHttpRequest 객체로 서버에서 데이터를 전송받아 사용했다.

특징

웹 페이지에서 변하는 부분만 데이터를 비동기적으로 받아오기 때문에 UX가 좋다.

예: 무한 스크롤, 추천 검색어 기능

주요기술

fetch

서버에서 한번 데이터를 받고 통신을 끊는 게 아니라, 서버와 계속 통신하며 사용자 요청이 있을때마다 필요한 데이터만 JSON이나 XML형태로, 비동기적으로 받아온다. XHR보다 가볍고, 간편하고 프롬이스 지원해준다.

DOM

받아온 데이터를 DOM으로 조작하여 사용할 수 있다.

장점