Ajax는 js를 이용한 비동기 통신으로, 클라이언트 서버 간의 xml(Extensible Markup Language)데이터를 주고받는 기술이다. 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다는 장점이 있다.
Ajax 방식을 이용한 웹 API는 XMLHttpRequest 부터 시작하여 fetch를 거쳐 axios까지 다양하다. XMLHttpRequest는 복잡하고 가독성이 떨어지기 때문에 fetch api가 ES6에서부터 표준이 되었는데, 따라서 현재 fetch api는 기본 라이브러리로 따로 설치하지 않고 사용해도 된다.
axios는 Node.js에서 XMLHttpRequests를 사용하기 좋게 만들어둔 api이며 따로 설치해주어야 동작한다.
TOP Ajax API를 참고하면 더 많은 Ajax 방식 API를 볼 수 있다.
반응형
'웹 (WEB) > 공부' 카테고리의 다른 글
| [React] React 환경변수, 개발 및 배포 시에 어떻게 사용할까? (Docker, github action 사용 시) (0) | 2021.03.14 |
|---|---|
| Ajax에서 필요한 SOP(Same Origin Policy), CORS(Cross-Origin Resource Sharing) 정리 (0) | 2021.02.06 |
| [ECMAScript] ES5, ES6 문법 정리 (0) | 2021.02.03 |
| [React hook] html 요소를 이미지로 저장하고, 이미지 호스팅하여 카카오톡 api로 공유하기 :: html2canvas, imgur, kakao api (6) | 2021.01.30 |
| [ESLint] React hook + Typescript 프로젝트 시 설정한 rule 공유 (0) | 2020.12.14 |
Comment