2.2.1 AJAX

AJAX(Asynchronous Javascript And XML)는 비동기적 웹 서비스를 개발할 때 사용하는 기법입니다. 이름에 ‘XML’이라는 용어가 들어 있지만 꼭 XML을 사용해야 하는 것은 아닙니다. 요즘에는 JSON을 많이 사용합니다. 쉽게 말해 페이지 이동 없이 서버에 요청을 보내고 응답을 받는 기술입니다. 요청과 응답은 4.1절에 설명되어 있습니다. 웹 사이트 중에서 페이지 전환 없이 새로운 데이터를 불러오는 사이트는 대부분 AJAX 기술을 사용하고 있다고 보면 됩니다.

보통 AJAX 요청은 jQuery나 axios 같은 라이브러리를 이용해서 보냅니다. 브라우저에서 기본적으로 XMLHttpRequest나 fetch 객체를 제공하긴 하지만, 사용 방법이 복잡하고 서버에서는 사용할 수 없으므로(fetch는 노드에서 사용할 수 있지만 아직 실험 단계입니다) 이 책에서는 전반적으로 axios를 사용하겠습니다.

프런트엔드에서 사용하려면 HTML 파일을 하나 만들고 그 안에 script 태그를 추가해야 합니다. 두 번째 script 태그 안에 앞으로 살펴볼 프런트엔드 예제 코드를 넣으면 됩니다.

front.html

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
  // 여기에 예제 코드를 넣으세요
</script>