[JS] DeepDive(43) Ajax

Ajax Ajax란 JS를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹 페이지를 동적으로 갱신하는 프로그래밍 방식이다. Ajax는 브라우저에서 제공하는 WebAPI인 XMLHttpRequest 객체를 기반으로 동작한다. Ajax이전의 웹 페이지는 html 태그로 시작해서 html 태그로 끝나는 완전한 HTML을 서버로부터 전송받아 웹페이지 전체를 렌더링했다 즉 화면이 전환될때마다 새로운 HTML을 전송받았다. 이러한 방식은 단점이 많았다. 1. 변경할 필요가 없는 부분까지 포함된 HTML을 서버로부터 매번 받아야 함 2. 변경할 피룡가 없는 부분까지 렌더링을 다시 해야함 -> 화면이 깜빡이는 현상 발생 3. 동기 방식으로 동작하기에 서버로부터 응답이 ..