Ajax란 무엇인가?

참고, 면접질문예상

Ajax란 무엇인가?

파란배개 2020. 11. 11. 11:02

Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)

Ajax는 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술들의 집합이다.

Ajax는 비동기(Asynchronous) 방식으로 통신하므로 데이터를 주고 받을 때 전체 페이지를 받지(정적 렌더링) 않고 필요한 데이터만 받아올 수 있어(동적 렌더링) 자원을 아낄 수 있으며 한 페이지에서 다양한 UI를 제공할 수 있게 된다.

JavaScript만 사용한다면 Ajax를 제어하는데 코딩이 길어지고 브라우저마다 다른 구현방식을 사용해야 하지만 XMLHTTPRequest(XHR)나 jQuery Ajax를 사용해 Ajax를 제어한다면 더 적은 코드와 한 가지 방법으로 여러 브라우저에 적용이 가능하다. 요즘엔 jQuery 대신 보다 쓰기 쉬운 fetch를 사용한다. 다만 다른 두 가지도 사용할 때가 있기 때문에 익혀둬야 한다.

Ajax를 구성하는 기반 기술은 JavaScript, DOM, fetch 혹은 XHR이다.

참고

HTTP에 대해

developer.mozilla.org/en-US/docs/Web/HTTP/Methods

HTTP request methods

HTTP defines a set of request methods to indicate the desired action to be performed for a given resource. Although they can also be nouns, these request methods are sometimes referred to as HTTP verbs. Each of them implements a different semantic, but so

developer.mozilla.org

XMLHTTPRequest에 대해

developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

Using XMLHttpRequest

In this guide, we'll take a look at how to use XMLHttpRequest to issue HTTP requests in order to exchange data between the web site and a server

developer.mozilla.org

fetch에 대해

developer.mozilla.org/ko/docs/Web/API/Fetch_API

Fetch API

Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스가 정의되어 있습니다. XMLHttpRequest와 같은 비슷한 API가 존재합니다만, 새로운 Fetch API는 좀더 강력하고 유연한 조작이 가능