AJAX에 대해 설명해주세요.

내용 정리

• Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미합니다. 일반적으로 서버로부터 웹페이지를 받으면 브라우저 화면 전체를 갱신해야 하는데 AJAX를 사용함으로서 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있습니다. 갱신이 필요한 일부만 변경하기 때문에 빠른 퍼포먼스와 상대적으로 부드럽게 웹페이지를 그려낼 수 있습니다. 서버는 HTML, XML, JSON등을 반환하는데, Ajax을 위한 데이터 형식은 JSON(JavaScript Object Notation)을 사용하는 것이 일반적입니다.
• 초창기에는 XMLHttpRequest 객체를 이용해서 요청하는 방식으로 처리하곤 했지만 코드가 복잡하고 가독성이 좋지 않다는 단점이 있었습니다. 그래서 최근에는 fetch 함수와 then, catch 메소드 등과 함께 체이닝으로 작성하는 것이 일반적입니다. 물론 axios와 같은 외부 라이브러리를 사용하기도 합니다.

꼬리 질문

• CSR과 AJAX의 관련성을 설명해주실 수 있을까요?
• 클라이언트가 response data의 포맷은 어떻게 확인하나요?
• ajax의 단점은 무엇인가요?

참고자료

• https://poiemaweb.com/jquery-ajax-json
• https://inpa.tistory.com/entry/JS-📚-AJAX-서버-요청-및-응답-fetch-api-방식

스터디 메모

• fetch와의 차이점이라면 axios 라이브러리는 XMLHttpRequest 기반으로 동작