![[필수개념] Ajax 기초 개념](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb5Z7QQ%2Fbtq7kprOh7B%2FewSIukt4Ps6hA7sfP6JuWk%2Fimg.png)
Ajax (Asynchronous Javascript And Xml)
아작스, 에이잭스 등으로 불리는 Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위해 생긴 비동기식 기법이다
웹 페이지는 수행하는 액션에 따라서 페이지 자체가 다시 로드되는 경우가 많은데
이 부분에 있어서 걸리는 시간을 단축시키기 위해 고안된 방법이다
즉, 액션이 수행되지만 페이지 전체가 아닌 일부만 갱신할 수 있는 기법이라고 생각하면 된다
어떻게 이렇게 할 수 있을까?
웹 페이지에서 요청을 보낼 때 백그라운드 영역을 통해 보내는데
백그라운드 영역과 서버가 통신하고 요청에 대한 결과를 다시 보내주는데
Ajax를 이용해서 웹 페이지의 일부분에 보여주게 하는 것이다
서버와 웹 페이지가 통신할 때 주고 받을 수 있는 데이터의 형태는 다양하다
예를 들면 JSON, XML, HTML, 텍스트 파일 등이 있다
Ajax는 우리가 쓰는 웹 페이지에서 사용되지 않은 곳이 없을 정도로 자주 사용되는 기법이다
그만큼 장점도 많고 활용도도 높기 때문에 웹 개발자라면 반드시 알아야한다
어떻게 Ajax를 사용할 수 있을까?
Ajax를 이용하여 개발을 하기 위해서는 Ajax 프레임워크를 이용하는데
흔히 사용하는 jQuery를 비롯하여 Prototype, dojo 등이 있다
Ajax의 동작 원리
Ajax의 동작 원리를 자세히 살펴보자!
출처: http://www.tcpschool.com/ajax/ajax_intro_works
정말 정리가 잘 되어있는 tcpschool의 그림을 참고로 가져왔다
오른쪽에 기존 웹 응용 프로그램은 웹 페이지 전체를 다시 로딩하는 6번 과정이 있지만
ajax를 이용한 왼쪽은 자바스크립트로 응답을 받아서 처리하여 일부분만 로딩하는 것을 확인할 수 있다