[AJAX] #1 AJAX의 이해

1. AJAX의 예시

 

 AJAX에 대해 이야기를 하기 전에 이것을 생각해보자.

 내가 어느 사이트에 댓글을 보고 싶어서 가려진 댓글을 더보기를 눌렀다.

 그러자 촤라락, 사이트가 펼쳐지며 여러 댓글들이 보이게 되었다.

 

 분명 사이트에 변화가 생겼지만, 웹페이지가 다른 페이지로 넘어가진 않았다.

 그저 댓글들이 들어있는 페이지가 쭈욱 하고 더 생긴다.

 

 이런 기능을 구현하게 해주는 것이 바로 AJAX!

 

 

2. AJAX 뜯어보기

 

  AJAX(Asynchronous Javascript And XML)란 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능으로 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다

 

 여기서 비동기 방식이란 웹페이지를 리로드 하지 않고 데이터를 불러오는 방식(댓글이 펼쳐지는 것처럼)으로 웹페이지에서 기타 코드들을 요청할 경우, 웹페이지를 리로드 하면서 불필요한 리소스가 낭비가 되는데, 비동기 방식을 이용하면 필요한 데이터만 불러오면서 리소스 낭비를 줄일 수 있다.

 AJAX는 XMLHttpRequest객체를 통해 서버에 request하는데 이 때 JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다.

 

 

 

* AJAX의 장점과 단점

 

1) AJAX의 장점

• 웹페이지 속도향상
• 서버의 처리가 완료될 때까지 기다리지 않고 처리 가능
• 기존 웹에서 불가능했던 UI를 가능하게 해줌

2) AJAX의 단점

• 페이지 이동이 없는 통신으로 보안상의 문제가 있을수 있음
• 연속으로 데이터 요청시 서버 부하가 증가
• 히스토리 관리가 안된다.
• Script로 작성되서 디버깅이 용이하지 않음