Ajax란?
Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 통해 브라우저에서 서버로 데이터를 비동기 방식으로 요청하고, 해당 데이터를 사용해 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 의미합니다. Ajax 방식을 사용하면 웹페이지를 새로고침 하지 않고도 필요한 데이터를 갱신할 수 있습니다.
비동기 방식이란?
일반적으로 요청에는 동기(synchronous)와 비동기(asynchronous)가 존재합니다. 동기식 요청은 하나의 프로세스를 마치면 다음 프로세스가 실행되는 순차적인 진행 방식을 의미합니다. 이는 하나의 프로세스가 진행중일 때, 다른 프로세스가 실행될 수 없다는 의미이기도 합니다. 이와 달리 비동기식 요청은 서버와 통신하는 동안 여러 프로세스를 동시에 처리할 수 있는 방식을 의미합니다.
XML이란?
XML(Extensible Markup Language)은 확장가능한 마크업 언어로 사용자는 태그를 임의로 지정할 수 있으며, 다른 마크업 언어를 생성할 수 있습니다. HTML이 데이터 표현에 초점을 맞춘 언어라면, XML은 데이터 전달에 초점을 맞춘 언어입니다.
Ajax는 이러한 XML 파일을 통해 데이터를 전달받고 비동기 방식으로 자바스크립트를 활용합니다. 그러나 꼭 XML파일을 이용할 필요는 없으며, 최근에는 JSON을 더 많이 이용합니다.
JSON이란?
JSON(JavaScript Object Notation)은 자바스크립트 객체 리터럴처럼 순수하게 키와 값으로 구성된 텍스트 기반 데이터 전달 포맷입니다. 자바스크립트 배열, 객체와 같은 데이터 구조를 지원하지만, 문자열을 작성할 때는 큰따옴표만 사용할 수 있습니다.
JSON파일은 XML에 비해 데이터 구조가 간결하다는 장점을 갖고 있습니다. 이름과는 다르게 자바스크립트 뿐만 아니라 다른 언어에서도 사용할 수 있습니다.
마치며
Ajax란 자바스크립트를 사용하여 XML, JSON 등의 데이터 파일을 비동기 방식으로 브라우저에 요청 및 반영하여 처리하는 동적 프로그래밍 방식을 의미합니다.
'개발 > JavaScript' 카테고리의 다른 글
자바스크립트 객체 생성자 함수란? (0) | 2020.10.24 |
---|---|
자바스크립트 세미콜론은 언제 사용할까? (0) | 2020.10.17 |
자바스크립트 DOM 타겟 이벤트 메소드 활용하기 (0) | 2020.10.14 |