AJAX

의미

💡 Asynchronous JavaScript And XMLHttpRequest 약자
💡 JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 기술을 사용하는 웹 개발 기법
💡 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 데이터를 서버에서 받아와 브라우저에 렌더링하는 기법

핵심 기술

💡 JavaScript와 DOM, Fetch

📗 Fetch
페이지를 이동하지 않아도 서버로부터 필요한 데이터를 받아올 수 있음
XHR의 단점을 보완한 새로운 Web API
XML보다 가볍고 JavaScript와 호환되는 JSON을 사용

장점

💡 서버에서 완성된 HTML을 보내주지 않아도 필요한 데이터를 비동기적으로 가져와 브라우저에서 화면의 일부만 업데이트하여 렌더링
💡 표준화 : XHR이 표준화되면서부터 브라우저에 상관없이 AJAX 사용 가능
💡 유저와 더 빠르고 많은 상호작용 가능
💡 작은 대역폭(네트워크 통신 한 번에 보낼 수 있는 데이터의 크기)

단점

💡 SEO(Search Engine Optimization)에 불리
💡 뒤로 가기 버튼