AJAX란?
Asynchronous Javascript And XML : 비동기적으로 Javascript를 사용해서 데이터를 받아와 동적으로 DOM을 갱신 및 조작하는 웹 개발 기법이다. 예전에는 데이터 포맷으로 XML을 주로 사용했었다. 사용법은 XMLHttpRequest 객체, Fetch API가 있다.
1. AJAX가 적용된 사용자와 UI의 상호작용
2. 서버에 AJAX 요청 보내기
3. 서버는 DB에서 데이터를 가져와서 JS 파일에 정의되어 있는 대로 HTML/CSS로 만든 DOM 객체를 UI에 업데이트
4. 비동기로 실행, 기존의 페이지를 전부 refresh/loading하는 방식이 아닌 일부만 업데이트 하는 방식