비동기통신2 [Javascript] Fetch API Ajax 통신을 이용할 때 지난 포스트에서 다룬 XMLHttpRequest, jQuery, Fetch 등을 사용합니다. 이 중 XHR 방식은 사용법이나 가독성면을 위협하고, 제이쿼리는 사용하지 않는 경향이 있기 때문에 Fetch를 사실상의 표준으로 채택하고 있습니다. 1. Fetch API 지난번에 비동기 통신을 다루는 객체인 XMLHttpRequest 객체를 알아보았습니다. 하지만 사용법이 조금 복잡하고 가독성도 썩 좋다고는 하지는 못한다고 할 수 있습니다. 그래서 이런 문제점을 해결하기위해 ES6부터 통신을 위한 Fetch API를 채택했습니다. Fetch는 브라우저에 내장되어있기 때문에 따로 라이브러리의 설치같은 과정 없이도 이용할 수 있다는 장점이 있습니다. Fetch는 네트워크의 Request와.. 2021. 10. 18. Ajax 해외 축구를 많이 보던 저에게 단어 자체는 Ajax라는 단어는 익숙한 단어였습니다. 아약스라는 축구팀이 있기도 하고 그리스 신화에도 아약스라는 인물이 등장하기 때문에 처음 이 단어를 들을땐 어? 뭐지?하는 느낌이 인상깊었습니다. 농담은 이쯤하고 Ajax(에이잭스)에 대해서 알아보겠습니다. 1. Ajax 소개 Ajax는 Asynchronous Javascript & XML의 준말입니다. 비동기 자바스크립트와 XML이라는 것인데, 간단하게 말하면 'XMLHttpRequest'라는 자바스크립트 객체를 이용해서 서버와 비동기 통신을 하고 결과를 DOM을 경우해 페이지에 반영하는 기술입니다. Ajax가 등장하기 이전에는 동기 통신 방식을 이용해서 (1)페이지에서 이벤트가 발생하면 (2)서버에 요청을 보내고 (3).. 2021. 10. 15. 이전 1 다음 300x250