Ajax는 (Asynchronous Javascript And Xml, 비동기적인 자바스크립트와 xml)의 약자입니다.

• 비동기적인 방식 : 여러가지 일들을 분업화하여 처리하는 것을 말합니다.
• 동기적인 방식 : 서버와 연결하지 않고 웹 사이트를 만들게 되는 경우 말합니다.

예를 들어 sns앱을 켜고 페이지를 내리면서 포스트들이 로딩이 되거나 댓글을 달게 되면 댓글을 단 게시물이 업데이트 되는 등 여러가지 프로세스들이 독립적으로 작동하는 것을 비동기적인 방식이라고 하면, 동기적인 방식은 다른 일들이 끝날 때 까지 기다립니다.

Ajax 통신을 하기 위해선 서버와의 연결이 필수적입니다. 서버를 연결하기 위해선 php, python 등을 통해서 서버를 열거나, 로컬 호스트 서버를 활용해야 합니다. WebStorm과 PhpStormWebStorm과 PhpStorm은 로컬 호스트를 지원하기 때문에 크롬 버튼을 누르면 쉽게 로컬 호스트를 열 수 있습니다.

WebStorm과 PhpStorm를 사용하시지 않는 분들은 다른 방법을 사용해서 로컬 호스트 혹은 서버를 다운받아서 이용하셔야 합니다.

서버를 여셨다면 좋아요를 눌렀을 때 좋아요의 값을 바꾸는 기능을 추가해보도록 하겠습니다.

XML http request를 사용한 Ajax가 사실 바로 활용하기에는 다소 어렵기 때문에 저희 강의에서는Jquery를 사용한 Ajax 통신을 사용하도록 하겠습니다. 먼저, Jquery를 사용하기 위해서는 Jquery 엔진을 가져와야 합니다. 그래서 https://code.jquery.com/ 에 있는 코드를 가져와서 추가해주어야 합니다. 이 코드는 인터넷이 연결되어 있을때만 Jquery 엔진을 불러올 수 있습니다. 인터넷 연결이 안된 분들은 소스코드에 다운로드 된 경로를 넣어주시면 됩니다.