AJAX
Asynchronous Java And XML
고정적인 내용과 변동성이 있는 내용을 구분하여 웹페이지의 성능을 향상시키는 방식
변동성이 있는 내용 → ajax파일화
Ajax를 구현하는 여러 방법중 Fetch API를 사용해보자.
Fetch API

// fetch를 통해 정보를 요청하면 그 아래 명령어들을 실행함

fetch(~).then(function(response객체) {
}); // function을 호출할 때 첫번째 인자로 response객체를 주게 되어 있다.
response
fetch(~).then(function(response객체){};
fetch를 통해 요청했을 때 웹서버가 응답한 결과를 담은 객체이다.

WEB1 - Welcome

WEB

1. HTML
2. CSS
3. JavaScript

Hash hash값(북마크 기능)에 따라 ajax로 다른 페이지를 로드해서 시작되는 페이지를 세팅할 수 있다. hash : url 파라미터와 비슷한 역할을 한다. #~를 하면 id를 찾아준다. #은 기본적으로 북마크 기능이기 때문에 hash기능과 구분하기 위해 !(bang)을 붙여준다. → #! = hash bang 검색엔진 최적화가 잘 안됨 → Pjax를 쓰는 추새 계속해서 추상화를 해나가야 한다. 데이터와 API를 계속해서 구분해주어야 API의 유지 및 보수가 깔끔해진다. Fetch API Polyfill 오래된 브라우저에도 Fetch api를 적용할 수 있는 api