기존의 기술과 차이점
기존의 웹 브라우저는 굉장히 정적이여서, 클라이언트 측에서 어떠한 정보를 요청request하게 되면 서버 측에서는 해당 정보를 포함한 페이지 전체를 응답response으로 돌려주었다. 웹 브라우저는 서버로부터 받은 HTML을 브라우저에 띄워주는 일을 하였다. http 프로토콜상 요청 건에 대하여 응답을 받게 되면 이루어졌던 연결이 끊기게 설계되어 있는데 그 과정에서 브라우저는 비슷한 페이지를 다시 렌더링해야 했고 서버 또한 같은 페이지를 생성해야 하는 둥 많은 자원을 낭비하게 되었다.
Ajax란?
Ajax는 Asynchronous JavaScript and XML의 약자로 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다.
이름에 XML이라고 명시되어 있지만 요즘에는 대다수의 사람들이 JSON을 다룬다.
Ajax는 DHTML이나 LAMP와 같이 하나의 특정한 기술을 말하는 것이 아니며, 함께 사용하는 기술의 묶음을 지칭하는 용어이다.
장점
1 페이지 이동없이 화면 전환 가능
2 서버 처리를 기다리지 않고, 비동기 요청 가능
단점
1 HTTP 클라이언트의 기능 한정
2 페이지 이동없는 통신으로 인한 보안상의 문제
3 Ajax를 지원하지 않는 브라우저 (오페라 7이하, IE 4.0이하 등)
4 스크립트로 작성, 디버깅이 용이하지 않음
728x90
'Frontend > javascript' 카테고리의 다른 글
자바스크립트 매개변수 기본값 처리에 대해서 (2) | 2024.10.17 |
---|---|
jQuery 선택자를 이용해서 DOM 요소를 선택할 때 주의점 (0) | 2024.03.29 |
[javascript] 클립보드 제어하기 + 예제 (0) | 2023.12.14 |
[javascript] Array.reduce() + 예제 (0) | 2023.12.13 |
[JavaScript] Ajax와 오픈 API를 이용한 영화 목록 불러오기 (0) | 2020.02.19 |