Ajax와 비동기 통신의 기초 개념

조성철 (JoSworkS)·2020년 3월 24일
0

TIL(Today I Learned)

목록 보기
43/73
post-thumbnail

Ajax 란?

AJAX란 비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)을 말합니다. 간단히 말하면, 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말합니다.
출처: https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started

보통 에이젝스라고 말하며, Ajax는 자바스크립트와 XML을 사용하여 비동기로 서버와의 통신을 하는 것을 말한다.

웹에서 비동기 처리란?

클라이언트와 서버 사이의 통신을 통해 JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다.

Ajax의 특징으로는 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성" 이다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해준다.

Ajax의 주요 두가지 특징은 아래의 작업을 할 수 있게 해준다.

  • 페이지 새로고침 없이 서버에 요청
  • 서버로부터 데이터를 받고 작업을 수행

동기 vs 비동기?

동기

웹 브라우저에서 서버에 요청을 보내고 응답을 받는다. 이 때, 모든 정보를 받기 때문에 화면이 하얗게 되면서 응답이 끝날 때까지 다른 작업을 할 수 없게 된다.

비동기

웹 브라우저로부터 일부의 정보를 요청하기 때문에 그 외에 부분은 다르지 않다. 그렇기 때문에 화면이 하얗게 되는 것도 없고, 서버로 부터 응답이 끝나지 않더라도 다른 작업을 할 수 있다.

참고 자료

0개의 댓글