Ajax란?

• Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해 서버와 브라우저 간에 비동기적으로 데이터를 교환할 수 있는 통신 기능임.
  • 이 기술의 등장으로 웹 페이지 전체를 새로 렌더링하지 않고 필요한 데이터만 서버로부터 받아서 특정 부분만 갱신할 수 있게 됨.

• 이전의 웹 페이지는 서버로부터 완전한 HTML을 전송 받아 웹 페이지 전체를 렌더링하는 방식으로 동작했음.
  • 화면 전환이 일어날 때마다 서버로부터 새로운 HTML을 전송 받아 전체 페이지를 처음부터 다시 렌더링해야 했음.
    • 이 과정에서 변경되지 않은 부분까지 포함된 HTML을 다시 전송 받기 때문에 불필요한 데이터 통신이 발생하고, 변경이 없는 부분까지 처음부터 다시 렌더링하는 것은 퍼포먼스 측면에서 불리한 방식이었음.
    • 결과적으로 화면 전환이 일어날 때마다 화면이 순간적으로 깜박이는 현상이 발생했고, 이는 웹 애플리케이션의 한계로 인식되었음.

• Ajax(Asynchronous JavaScript and XML)의 등장으로 이런 문제가 개선됨.
  • Ajax를 통해 웹 페이지 전체를 새로 렌더링하지 않고 필요한 데이터만 서버로부터 받아 특정 부분만을 갱신할 수 있게 됨.
  • 이는 웹 브라우저에서도 데스크톱 애플리케이션과 유사한 빠른 성능과 부드러운 화면 전환이 가능하게 함.

[출처: <모던 자바스크립트 Deep Dive> ]