XMLHttpRequest2 [JavaScript] AJAX를 위한 Fetch API 웹 프로그래밍을 하다보면 사용자 경험 관점에서 AJAX(Asynchronous Javascript And XML)가 꼭 필요한 경우가 생기게된다. AJAX를 위해 일반적으로 XMLHttpRequest 객체를 많이 사용했었는데 ES6(EcmaScript Ver.6), 2015년 부터 Fetch라는 새로운 API가 사용되기 시작했고 2021년 기준으로 최신 브라우저들은 Fetch API를 모두 지원한다. Fetch API는 XMLHttpRequest 객체와 마찬가지로 요청이 완료되었을 때 해야할 일들을 '요청 완료' 이벤트가 발생했을 때 처리하지만 XMLHttpRequest 객체를 사용했을 때와 달리 프로미스promise를 활용한다. fetch('AJAX 처리 URL', { //AJAX 설정 및 데이터 설정.. 2021. 6. 24. 3. AJAX와 플라스크 AJAX(Asynchronous JavaScript and XML)는 자바스크립트JavaScript를 이용하여 서버와 클라이언트 사이에 비동기적으로 데이터를 교환하는 방식이다. 말이 어렵다. 조금 풀어서 이야기해보자. 서버와 클라이언트가 데이터를 주고받는 기본적인 방식은 페이지 단위로 주고받는 것이다(정확히는 클라이언트가 요청하면 서버가 페이지 단위로 준다). 만약 페이지 내용이 몇 글자 밖에 바뀌지 않았다고 가정하자. 이러한 일이 자주 일어나면 매번 페이지를 새로 받는 것은 낭비라고 할 수 있다. 더불어 페이지가 바뀔 때(새로고침될 때) 웹 브라우저의 뷰(view)전체가 바뀌는 것도 사용자에게 좋은 경험을 주지는 못한다(화면이 깜빡거리고 웹 브라우저에서 딸깍하는 소리를 낸다). AJAX를 이용하면 페이.. 2020. 12. 16. 이전 1 다음
