Ajax(Asynchronous JavaScript And XML)
고정적인 웹 문서를 넘어 새로고침없이 새로운 문서 내용을 반영하기 위한 방법이다. Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 이루어 변경된 결과를 웹페이지에 반영하는 기술로, 비동기성의 장점을 보여주며 XMLHttpRequest 객체를 사용하여 JSON, XML, HTML,일반 텍스트 등 다양한 포맷을 주고받을 수 있다.
간단하게 말해 페이지 로딩없이 새로운 HTML 내용을 변경할 수 있다.
Ajax 구현방법
JSONPlaceholder - Free Fake REST API
{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB As of Dec 2020, serving ~1.8 billion requests each month.
jsonplaceholder.typicode.com
JSONPlaceholder에서 제공하는 방법으로 Ajax 사용방법을 학습하면 좋을듯 하다. 여기서 제공하는 게시글의 정보를 가지고 게시글 목록을 출력하는 예제를 만들어본다.
See the Pen jOyREqy by junheeleeme (@junheeleeme) on CodePen.