Content-Type 헤더를 지정해주는 것과 보낼 데이터를 JSON 문자열로 변경하여 보내야 하는 점에 주의하자. // Make an Http POST Request EasyHttp.prototype.post = function (url, data, callback) { this.http.open("POST", url, true); this.http.setRequestHeader("Content-type", "application/json"); let self = this; this.http.onload = function () { callback(null, self.http.responseText); } this.http.send(JSON.stringify(data)); };

REpresentational State Transfer API 네트워크 애플리케이션을 설계하기 위한 아키텍쳐 스타일이다. Stateless, client-server protocol 등에 의존하며, 따라서 대부분 HTTP이다. 서버 측 객체들을 다루기 위해 사용된다. HTTP Request Types HTTP method DESC GET 특정 자원으로부터 데이터를 찾아내기 위해 사용된다. POST 특정 자원에 데이터를 추가(제출)하기 위해 사용된다. PUT 특정 자원에 데이터를 수정(업데이트)하기 위해 사용된다. DELETE 특정 자원으로부터 데이터를 제거하기 위해 사용된다. HEAD Get과 같은 기능이나 body를 리턴하지 않고 header만 리턴한다. OPTIONS 서버에서 지원하는 요청타입을 리..

xhr.open() 요청 타입 및 요청 대상의 URL 또는 파일이름을 상세하여 초기화시키는 메서드이다. 세번째 파라미터는 비동기 여부이다. https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/open XMLHttpRequest.open() - Web APIs | MDN The XMLHttpRequest method open() initializes a newly-created request, or re-initializes an existing one. developer.mozilla.org xhr.onload 요청한 데이터를 받았을 때 실행될 함수를 담는 프로퍼티이다. *참고: HTTP 상태코드 https://developer.mozilla..

AJAX (Asynchronous Javascript And XML) 프로그래밍 언어나 프레임워크 또는 라이브러리가 아닌 클라이언트와 서버 간에 데이터를 비동기적으로 주고 받는 기법이다. 따라서 웹 페이지의 새로고침 없이 이루어진다. XML이 약자에 포함되어 있긴 하나 자주 쓰이진 않는다. XMLHttpRequest (XHR) 객체의 메서드를 이용해 클라이언트와 서버 간 데이터를 주고 받을 수 있으며, 이 외에도 fetch API, axios, jquery 등 여러가지 비동기 통신 방법이 존재한다.