AJAX (Asynchronous Javascript and XML)

자바스크립트 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식.
브라우저에서 제공하는 Web API (XMLHttpRequest) 객체를 기반으로 동작함.

Why we use?

html 페이지를 서버로부터 전송받아서 웹페이지를 처음부터 렌더링하는 방식(전통적) -> 비효율적

1. 바뀌지 않은 부분까지 다시 모든 것을 렌더링해야 하기 때문에 불필요한 데이터 통신 발생
2. 렌더링으로 인해 화면이 깜빡임
3. 서버로부터 응답이 있을 때까지 다음 처리는 blocking 됨

How to solve?

웹페이지 변경되면 서버에게 필요한 데이터만 전송받아 웹페이지를 변경할 부분만 렌더링하는 방식이다.
부드러운 화면 전환 & 빠른 퍼포먼스 라는 이점을 제공한다

1. 불필요한 데이터 통신 발생 x
2. 화면 깜빡이는 현상 x
3. 클라이언트 <-> 서버의 통신이 비동기적으로 동작 -> No blocking!