MPA vs. SPA

multiple pages app vs. single page app 

1. MPA | traditional multiple pages application 
   • 하나의 어플리케이션이 여러 URL을 가지고 있다.
   • 각 url 마다 서로 다른 html 파일을 서버에 요청함으로써, 새로운 페이지를 보여준다.   
   • 즉, 새로운 컨텐츠를 보여주기 위해 서버에 새로운 요청을 보내야 한다. 
   • 이처럼 서로 다른 url 경로가 서로 다른 html 페이지를 보여주는 것을 routing이라고 한다. 
2. SPA | single page application
   • 어플리케이션이 시작될 때 한 번만 html 파일을 서버에 요청하고, 페이지를 보여준다. 
   • 새로운 컨텐츠를 보여주기 위해서, 새로운 페이지를 요청하지 않아도 된다. 
3. SPA에서 url에 따라 다른 컨텐츠 보여주기 
   • 사용자가 새로운 url을 입력했을 때 브라우저가 기본적으로 수행하는 일을 차단한다(preventDefault).
   • 대신, 클라이언트 측에서 url을 분석한 뒤에 그에 맞는 컨텐츠(컴포넌트)를 보여줄 수 있다. => faking multiple pages application 
   • react-router 패키지를 이용하면, 해당 기능을 쉽게 구현할 수 있다.