[Backend] AJAX의 이해

AJAX (Asynchronous Javascript And XML) 

 

http://www.tcpschool.com/ajax/ajax_intro_works

JavaScript를 이용해 요청을 보내고 데이터를 받아와 페이지 새로고침 없이, 화면의 일부를 갱신하는 방식이다.

 

결국 브라우저가 화면을 띄우기 위해 필요한 것은 HTML/CSS이다. Javascript로 화면이 바뀌는 것도 결국  DOM 객체에 접근해서 HTML 문서를 수정하는 것이다. Javascript가 요청을 보내고 받을 수 있다면, 화면의 특정 부분만을 업데이트 할 수 있다.

 

이 때 이 요청에 대한 응답을 기다려야 한다면, 응답이 올 때 까지 화면을 제대로 볼 수가 없기 때문에, 당연하게도 비동기적으로 요청해야 한다. 비동기적이란 일을 차례차례 처리하는 것이 아니라, 특정 업무를 다른 곳에 의뢰하고, 끝난 일을 택배함에 놓고 가면, 그 때 받아와 처리를 하는 것이다.

( * 자바스크립트는 어떻게 싱글 쓰레드면서, 일을 동시에 처리할 수 있는가?)

 

AJAX는 이렇게 비동기적으로 요청을 하고 화면의 일부만 업데이트하는 기술이다.(라이브러리가 아님)

Ajax 는 라이브러리 인가요?

 

 

사용방법

1. XMLHttpRequest : 예전에 많이 사용하던 방식
2. fecth : 요즘 자주 사용하는 방식
3. 외부 라이브러리 : $.ajax(JQuery), (axios) 등

코딩 애플 : AJAX가 무엇인가?