https://char1ey.tistory.com/64 NodeJs.XMLHttpRequest이용하기 목차 1. 효율적인 통신을 위해서 2. XMLHttpRequest 3. XMLHttpRequest 사용하기 1. 효율적인 통신을 위해서 이전에는 서버와 클라이언트(브라우저)가 서로 데이터를 주고 받을 때, 화면을 그리는 방법은 요 char1ey.tistory.com 위 포스팅 가장 하단의 코드를 제대로 이해하고 쓰지 못했던 것 같아 아쉬움이 있었다. 코드와 XML 객체에 대해서 한 번 더 짚고 넘어가보자. HTML AJAX_GET AJAX_POST 메시지 Javascript(DOM, XML 객체) const ajax_get = document.querySelector('#ajax_get') const a..

https://char1ey.tistory.com/64 NodeJs.XMLHttpRequest이용하기 목차 1. 효율적인 통신을 위해서 2. XMLHttpRequest 3. XMLHttpRequest 사용하기 1. 효율적인 통신을 위해서 이전에는 서버와 클라이언트(브라우저)가 서로 데이터를 주고 받을 때, 화면을 그리는 방법은 요 char1ey.tistory.com https://char1ey.tistory.com/66 NodeJs.서버의 분리와 CORS 목차 1. SSR과 CSR 2. CORS 1. SSR 과 CSR 데이터의 요청과 응답 그리고 템플릿을 이용한 html을 그리는 기능까지 하는 서버 파일을 이전에 구현한적이 있다. SSR(Server Side Rendering) 데이터의 처리와 화면의 c..

목차 1. 효율적인 통신을 위해서 2. XMLHttpRequest 3. XMLHttpRequest 사용하기 1. 효율적인 통신을 위해서 이전에는 서버와 클라이언트(브라우저)가 서로 데이터를 주고 받을 때, 화면을 그리는 방법은 요청에 따른 응답을 받아 매번 새로 띄웠었다. 하지만, 비동기통신을 이용하면 원하는 부분만 화면을 다시 그릴 수 있다. 그림 2와 같이 비동기 통신을 하기 위해서 XMLHttpRequest라는 생성자 함수를 이용해보도록 하자. 2. XMLHttpRequest 웹 브라우저가 서버와 데이터를 교환할 때 사용하는 객체이며, 객체 안에는 여러가지 값들과 메서드가 있다. 이 객체를 이용하면, 웹 브라우저가 백그라운드에서 계속해서 서버와 통신할 수 있다. XMLHttpRequest 객체의 주..