[react] spa

SPA (single page application), 즉 페이지가 HTML 페이지를 단 하나만을 써서 개발을 하는 MPA (multiple page application)과 대비되는 개발 옵션이다.

HTML 페이지를 한장만 쓰니 결국은 수 많은 JS 페이지들과 SCSS 페이지들이 필요 할 것이며 결과적으로는 여러 페이지의 HTML을 쓰는 것과 무슨 차이냐 할 수 있겠지만, 결론적으로는 우리가 보고 있는 브라우저 내에서의 웹사이트 페이지가 어떻게 불려오냐의 결정적인 차이가 있다.

MPA는 다른 페이지를 이동을 할 때 새로운 페이지를 그려줄 HTML, CSS, JS를 모두 불러오는 방식으로 해당 파일들을 받을 때 지연이 생긴다고 한다. 요즘 인터넷이 빠른 시대에 얼마나 지연이 될지는 모르겠지만....

반면 SPA는 HTML 페이지 하나만 띄워놔서 새로운 페이지로 이동 될 때 HTML 페이지 내에서 요소들만 교체되는 방식으로 전환이 일어나서 끊기는 느낌 없다는 것이 장점이라는 것이다.