KSCOLD LogoKSCOLD
Blog
Feed
Product
Admin Night
Vault
Guestbook
Info

Vault 목록

AJAX(Asynchronous JavaScript and XML)

연결된 노트와 함께 읽기

AJAX(Asynchronous JavaScript and XML)

2024년 6월 26일
  • 빠르게 동작하는 동적인 웹(Web) 페이지를 만들기 위한 개발 기법의 하나이다.

  • Ajax 란 Asynchronous javascript ans Xml의 약자로 자바스크립트의 라이브러리이다.

  • 즉, Client와 Server 간에 비동기 통신으로 데이터를 주고받는 방법이다.

  • Ajax의 등장으로 웹(Web) 페이지 전체를 다시 로딩하지 않고도, 서버와 통신하여 웹 페이지의 일부분만을 갱신할 수 있다.

  • HTTP(Hyper Tranfer Protocol) 프로토콜은 어떠한 요청이나 응답이 있을 때만 연결이 이루어지게 되는데 페이지의 특정 부분의 내용을 갱신하려면 페이지 전체를 리로드 시켜야 한다.

  • Client에서는 페이지의 일부분만 갱신하고 싶은데 Server로 <form> 데이터를 Submit 하게 되면 Server는 페이지 전체를 리로드 시키게 되니, 이미지나 스크립트 파일, css 파일 등 리소스 전체를 리로드 하여 자원낭비와 시간 낭비가 발생한다.

  • 그래서 페이지의 일부만 수정해야 하는 경우 서버 처리를 기다리지 않고 원하는 데이터만 주고받을 수 있는 비동기(asynchronous) 통신을 사용한다.

  • Ajax를 사용한 비동기(asynchronous) 통신은 웹페이지 속도도 향상시킬 뿐더러 좀 더 다양한 UI를 구현할 수 있다.

  • Ajax 구현은 자바스크립트를 더 쉽게 사용할 수 있게 만든 라이브러인 Jquery를 많이 사용한다.

  • 특히 Jquery Ajax Api가 더 사용하기 편리하고 자바스크립트 Ajax에 비해 크로스 브라우징 문제를 Jquery Ajax 가 알아서 처리해 주기 때문이다.

Synapse Map Insight