📘[WEB] AJAX란?

AJAX(Asynchronous JavaScript And XML)

AJAX란 JavaScript의 라이브러리 중 하나로, 비동기식 JavaScript와 xml의 약자이다.
브라우저가 갖고있는 XMLHttpReqeust객체를 이용해 전체 페이지를 reload하지 않아도 페이지의 일부의 데이터를 로드할 수 있는 기법이다.
즉, JavaScript를 사용한 비동기 통신, 클라이언트와 서버 간에 XML 데이터를 주고받는 기술 이다.

비동기(Asynchronous)란?

비동기 방식은 웹페이지를 Reload하지 않고 데이터를 불러오는 방식을 뜻한다.
Ajax를 통해 서버에 요청을 보내고 멈춰있는 것이 아니라, 그 프로그램은 계속해서 돌아가고 있는 것을 의미한다.

비동기 방식의 장점

페이지를 Reload할 경우, 전체 리소스를 다시 불러와야 하는데, 이미지, 스크립트, 기타 코드 등을 재요청하게 되면 불필요한 리소스 낭비가 발생한다.
하지만 비동기 방식은 필요한 부분만 불러와 사용할 수 있다는 장점이 있다.

AJAX의 장점

1. 웹페이지의 속도 향상
2. 서버의 처리가 완료될 때까지 기다리지 않고 처리가 가능
3. 서버에서 데이터만 전송하면 되므로 전체적인 코딩의 양이 감소
4. 기존 웹에서는 불가능했던 다양한 UI를 가능하게 함

AJAX의 단점

1. 히스토리 관리가 되지 않는다.
2. 페이지 이동 없는 통신으로 인한 보안 상의 문제가 존재함.
3. 연속으로 데이터를 요청하면 서버 부하가 증가할 수 있다.
4. XMLHttpRequest를 통해 통신할 경우, 사용자에게 아무런 진행 정보가 주어지지 않는다.
5. AJAX를 쓸 수 없는 브라우저에 대한 문제 이슈가 있다.
6. HTTP 클라이언트의 기능이 한정되어 있다.
7. 지원하는 Charset이 한정되어 있다.
8. 스크립트로 작성되므로 디버깅이 어렵다.
9. 동일-출처 정책으로 인해 다른 도메인과는 통신이 불가능하다.(Cross-Domain 문제)

참고자료

https://velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80