Ajax
Ajax는 Asynchronous Javascript And XML의 약자로, JavaScript 를 통한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.
- Ajax는 웹 페이지를 새로고침하지 않고도 서버에 데이터를 요청하고 받아오는 기법으로, 사용자의 UX를 향상시킬 수 있다.
- 최근에는 XML 대신 JSON 형식을 주로 사용한다.
Ajax 를 사용하는 이유
- 웹 페이지를 새로고침하지 않고도 서버에 데이터를 요청하고 받아오는 기법으로, 사용자의 UX를 향상시킬 수 있습니다.
- HTTP 프로토콜은 클라이언트가 서버에 요청을 보내면 서버는 요청에 대한 응답을 보내고 연결을 끊는데 이때, 클라이언트는 서버로부터 응답을 받을 때까지 아무런 행동도 취할 수 없는데 이것을 동기식 통신이라고 합니다.
- Ajax는 HTTP 전체를 사용하지 않고 일부만 갱신가능하도록, XMLHttpRequest 객체를 통해서 Json 이나 XML 형태로 필요한 데이터만 받아서 사용합니다.
Ajax 의 장단점
장점
- 웹 페이지 전체를 새로고침하지 않고도 데이터를 불러올 수 있어서 사용자 경험을 향상시킬 수 있다.
- 웹 페이지가 로딩된 후에 데이터를 요청할 수 있다.
- 백그라운드에서 서버와 통신하므로 사용자에게 직접적인 영향을 주지 않는다.
단점
- 히스토리 관리가 되지 않는다. ( 뒤로가기, 앞으로가기 버튼이 동작하지 않는다. )
- 연속으로 데이터를 요청하면 서버 부하가 증가할 수 있다.
Reference
'Javascript' 카테고리의 다른 글
| [ Javascript ] 자바스크립트에서 데이터 형변환 (0) | 2023.01.17 |
|---|---|
| [ Javascript ] 불변성을 유지하는 방법 (0) | 2023.01.17 |
| [ Javascript ] This 란 무엇인가? (0) | 2023.01.17 |
| [ JavaScript ] 고차함수 ( HOF ) 란 무엇인가? (0) | 2023.01.17 |
| [ Javascript ] passed by value, passed by reference 의 차이점 (0) | 2023.01.17 |