AJAX란 무엇일까

이재호·2023년 3월 29일
post-thumbnail

AJAX란 Asynchronous Javascript And XML의 약자로
말 그대로 비동기식 Javascript And XML이다.


여기서 비동기식이란
비동기는 동시에 일어나지 않는다를 의미한다. 요청과 결과가 동시에 일어나지 않을 거라는 약속이다. 하나의 요청에 따른 응답을 즉시 처리하지 않아도, 그 대기 시간동안 또 다른 요청에 대해 처리 가능한 방식이다.


또한 동기식도 알아보면
동기(Synchronous: 동시에 일어나는)
동기는 말 그대로 동시에 일어난다는 뜻이다. 요청과 그 결과가 동시에 일어난다는 약속이다.
바로 요청을 하면 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 한다.
순서에 맞춰 진행되는 장점이 있지만, 여러 가지 요청을 동시에 처리할 수 없다는 단점이 있다.

아래 사진으로 쉽게 이해해보자

다시 AJAX란
웹 페이지에서 새로운 데이터를 보여주려고 할 때 웹 페이지 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분 만을 로드하기 위한 기법입니다.
JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.
쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다.

AJAX의 순서는 아래와 같이 진행된다.
1. 요청(request) - 브라우저가 서버에 정보를 요청한다.
2. 서버의 동작 - 서버는 JSON, XML 등의 형식으로 데이터를 전달한다.
3. 응답(response) - 브라우저에서 이벤트가 발생하여 콘텐츠를 처리한다.

AJAX의 장점

  1. 웹페이지의 속도향상
  2. 서버의 처리가 완료될 때까지 기다리지 않고 처리가 가능하다.
  3. 서버에서 Data만 전송하면 되므로 전체적인 코딩의 양이 줄어든다.
  4. 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해준다. ( Flickr의 경우, 사진의 제목이나 태그를 페이지의 리로드 없이 수정할 수 있다.)

출처
https://dev-coco.tistory.com/46
https://dev-coco.tistory.com/92

profile
프론트엔드 개발자를 꿈꾸고 있습니다. 감사합니다.

0개의 댓글