hoon's bLog

9장 외부 데이터에 접근하라 저번 포스팅과 마찬가지로, 개념적으로 부족한 부분이 많아 기본 개념과 설명이 많고, 예제 코드도 책이 아닌 직접 코딩을 해서 설명을 풀어보겠다. tip45. fetch로 간단한 AJAX 호출을 처리하라 fetch() API HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공 Fetch API가 제공하는 전역 fetch() 메서드로 네트워크의 리소스를 쉽게 비동기적으로 취득 가능 fetch() : 특정 정보가 필요한 클라이언트는 서버에 HTTP 통신으로 요청(request)을 보내고, 정보를 응답(response)받을 수 있다. fetch()는 대부분의 최신 브라우저에서 지원되지만 Node.js에서는 기본적으..

Ajax 구성 요소 웹 페이지의 표현을 위한 HTML과 CSS 데이터에 접근하거나 화면 구성을 동적으로 조작하기 위해 사용되는 DOM 모델 데이터의 교환을 위한 JSON이나 XML 웹 서버와의 비동기식 통신을 위한 XMLHttpRequest 객체 위에서 언급한 모든 기술을 결합하여 사용자의 작업 흐름을 제어하는 데 사용되는 자바스크립트 Ajax 동작 원리 Ajax를 이용한 웹 응용 프로그램은 자바스크립트 코드를 통해 웹 서버와 통신을 한다. 따라서 사용자의 동작에는 영향을 주지 않으면서도 백그라운드에서 지속해서 서버와 통신이 가능!! 이벤트 발생 : 사용자에 의한 요청 이벤트가 발생 자바스크립트 호출 : 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출 XMLHttpRequest 객체 생성..

Ajax란? Ajax = Asynchronous JavaScript and XML의 약자 Ajax는 HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법 Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만 갱신 가능 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시 가능 Ajax를 배우기 위한 사전지식(해당 링크 클릭!) ☞HTML ☞자바스크립트(JavaScript) ☞XML Ajax 통신 간 주고 받는 데이터 형식 JSON XML HTML 텍스트 파일 등 Ajax(Asynchronous JavaScript and XML) Ajax Test Script 데이터 불러오기! Ajax의 장점 웹 페이지..