AJAX의 등장

• 04년도의 구글이 적극적으로 이용하며 활성화된

  • 구글 지도에서 페이지 이동없이 지도를 볼 수 있게 해줌

  → 동적으로 페이지 이동없이 페이지를 가져올 수 없을까?

  ⇒ URI Fragment를 (#hash)

  — 바로가기에서 스크롤에 주로 사용된다.

• URI Fragment를 읽은 후 해당 경로에 해당하는 페이지를 AJAX로 가져올 수 있게 함

단점

• HASH bang은 검색 엔진에 잡히지 않는다는 문제가 있었다.

HTML5, History API 등장

• pushState, pushReplace

  • 페이지 이동 없이 이동 할 수 있어짐

• Pjax의 등장

  • MPA와 1:1 대응이 가능해짐
  • 첫 페이지 접속은 서버에서 내려주는 html에서 이후 렌더링은 클라이언트에서 할 수 있어짐.

• Angular, React, Vue

SPA 타임라인

2004 — google의 ajax 유행

2010 — hashbang

2012 — HTML5 History API 등장