SPA란?

Single Page Application의 약자로써
웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것을 뜻한다.

원래 웹사이트는 A 페이지에서 B 페이지로 이동할때 a.html을 보여주다가 b.html을 보여주는 식으로 동작했는데, SPA에서는 오직 index.html 한곳에서만 페이지 전환이 이루어진다. 즉, 멀티페이지 어플리케이션이 아닌 이렇게 템플릿 하나에서만 이루어지는 것이다!

어떻게 ? HOW?

바로 HISTORY API를 이용해서 이루어지는 것이다.
따로 react-router-dom을 설치하면 얘가 알아서 HISTORY API를 사용하며,
History API에는 다음과 같은 메서드들이 있다.