web을 공부하면서 절대 빠질 수 없는 것이 바로 통신기술인 Ajax입니다.
오늘은 ajax의 개념과 사용법을 포스팅하려합니다 😁
ajax와 관련된 용어들도 간략히 정리해놓을게요! 자세한 내용은 추후에 따로 포스팅하도록 하겠습니다.
📒 Ajax란?
Ajax는 Asynchronous Javascript And Xml의 약자입니다. 자바스크립트와 Xml의 비동기식 통신기술이라는 뜻인데, XML말고도 Plain Text, JSON 등 다양한 포맷의 데이터를 주고 받을 수 있습니다. 그 중에서도 JSON(JavaScript Object Notation)을 이용한 통신이 많이 사용되고 있습니다.
비동기식 Vs 동기식
| 비동기식 (asynchronous) | 동기식 (synchronous) |
|---|---|
| 요청 후 다른 작업 가능 | 요청 후 응답까지 다른 작업 불가능 |
| 병렬적 수행 | 직렬적 수행 |
JSON(JavaScript Object Notation) 이란?
- 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식
- JavaScript에서 객체를 만들 때 사용하는 표현식
- 단순히 데이터를 표시하는 표현 방법
📒 왜 사용할까요?
Ajax라는 기술은 웹에 데이터를 갱신할 때, 브라우저의 새로고침 없이 서버로부터 데이터를 받을 수 있도록 만들어졌습니다. 예를 들면, 초기로딩시점에 모든 데이터를 받아오는 것이 아니라, 먼저 필요한 컨텐츠만 불러다놓고 나머지는 동적으로 필요한 시점에 불러오면 초기로딩속도는 더 빨라질겁니다.👍
Ajax를 사용하면,
1. 웹 응용 프로그램을 빠르게 만들 수 있습니다.
2. 웹 페이지의 업데이트 된 부분만 부분적으로 갱신할 수 있습니다.
참고사이트
Ajax : https://coding-factory.tistory.com/143
Json : https://velog.io/@surim014/JSON이란-무엇인가
비동기식 더 알아보려면 : https://jieun0113.tistory.com/73
