728x90 반응형 Ajax3 [JavaScript] 비동기 데이터 통신(AJAX, Fetch) - Fetch 요청 옵션, 응답 속성 📌 AJAX(Asynchronous JavaScript and XML)JavaScript로 XMLHttpRequest 객체를 사용해 서버와 비동기 통신을 가능하게 해주는 기술이를 통해 웹 페이지를 새로 고침하지 않고도 필요한 부분만 업데이트할 수 있습니다.AJAX라는 이름에 XML이 포함되어 있지만, 현재는 JSON 등 다양한 데이터 형식 사용AJAX는 서버와 데이터를 비동기적으로 주고받아 사용자 경험을 개선하는 중요한 역할 비동기 HTTP 통신이란, request(요청)와 response(응답)를 비동기 방식으로 처리🔎 HTTP 서버 요청 메서드 종류(CRUD) HTTP 요청 메서드는 클라이언트가 서버에 요청의 종류와 목적을 알리는 방식입니다.AJAX와 Fetch 등의 통신 방식에서 자주 사용하는 .. 2024. 11. 14. [JavaScript] 자바스크립트 다양한 데이터 출력 JavaScript 데이터 출력JavaScript를 사용하면 웹 페이지에 동적으로 내용을 추가하거나 변경할 수 있습니다.다양한 방법으로 사용자에게 정보를 제공하는 방법을 소개합니다. document.write()innerHTMLDOM 조작console.log()alert(), prompt(), confirm()addEventListener()AJAX와 서버와의 통신 ( XMLHttpRequest / fetch )JSON 데이터 처리 ( JSON.parse() / JSON.stringify() )템플릿 리터럴 `${variable}`모듈화 ( import / export )예외처리 ( try / catch )1. document.write() 사용document.write() 메서드는 HTML 페이지가 로.. 2024. 6. 7. [jQuery] JQuery를 이용한 AJAX통신 AJAX란 무엇인가?자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.비동기 방식이란?웹페이지를 리로드 하지 않고 데이터를 불러오는 방식웹페이지에서 기타 코드들을 요청할 경우, 웹 페이지를 리로드 하면서 불필요한 리소스가 낭비 되는데, 비동기 방식을 이용하면 필요한 데이터만 불러오면서 리소스 낭비를 줄일 수 있다.AJAX는 XMLHttpRequest 객체를 통해 서버에 request 한다.JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다. AJAX의 장점웹페이지 속도향상서버의 처리가 완료될 때까지 기다리지 않고 처리 가능기존 웹에서 불가능했던 UI를 가능하게 해줌.. 2023. 3. 10. 이전 1 다음 728x90 반응형
