슬픈코드

AJAX ( Asynchronous JavaScript And XML, 비동기 자바스크립트와 XML ) 

페이지 전체를 리프레쉬하지 않고 일부분만 비동기적으로 업데이트 할 수 있게 해준다.

서버와 통신하기 위해 XMLHttpRequest 객체를 사용한다.

https://opentutorials.org/course/1375/6843

웹브라우저는 대단히 정적인 시스템이었다. 내용이 바뀌면 페이지 새로고침을 해서 내용을 새롭게 변경해야 했다. 이것은 웹이 전자 문서를 염두에 두고 고안된 시스템이기 때문에 당연하게 생각 되었다.

그러다 Ajax 개념이 도입되면서 모든 것이 바뀌었다. Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 하게 된다. 그리고 변경된 결과를 웹페이지에 프로그래밍적으로 반영함으로써 웹페이지의 로딩 없이 서비스를 사용할 수 있게 한다. 

Ajax는 Asynchronous JavaScript and XML의 약자다. 한국어로는 비동기적 자바스크립트와 XML 정도로 직역할 수 있는데 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미한다. 이 때 사용하는 API가 XMLHttpRequest이다. 그렇다고 꼭 XML을 사용해서 통신해야 하는 것은 아니다. 사실 XML 보다는 JSON을 더 많이 사용한다.

문법적으로 사용자가 편하게 느끼도록 설계된 문법.

ex / 

In Javascript

// before
function ES5(name) {
  this.name = name;
}

// after
class ES6 {
  constructor(name) {
    this.name = name;
  }
}

const es5 = new ES5('ES5');
const es6 = new ES6('ES6');
console.log(es5.name, es6.name);    // ES5 ES6