[React] SPA(Single Page Application)

💡 MPA(Multi Page Application)

전통적인 웹 사이트를 만들 때 사용한다.
여러 페이지(Single)들이 모여(Multi) 구성된다.

메인 페이지 -> index.html
서브 페이지1 -> sub.html
서브 페이지2 -> sub2.html

💡SPA(Single Page Application)

웹 사이트의 전체 페이지를 하나(Single)의 페이지에 담아 동적으로 화면을 바꿔가며 표현해준다.

메인 페이지 -> index.html
서브 페이지1 -> index.html
서브 페이지2 -> index.html

Q 와 index.html만 쓰면 페이지 전환할 때 어케해요?

A HTML5의 History API로 가넝한
이녀석을 사용해 현재 페이지 내에서 화면 이동이 된 것 같이 만들어 준다.

출처: 패스트캠퍼스