라우팅이란?
쉽게 생각하면, 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다.
MPA
기존 웹페이지는 Multi Page Application인 MPA 방식을 사용하였다. MPA 방식은 여러 개의 페이지를 사용하며, url이 바뀔 때마다 새로운 페이지를 로드하는 방식이다.
하지만, MPA 방식은 페이지를 이동시에 새로고침이 되기에 로딩 시간이 발생하여 속도가 느리다는 단점이 있다.
SPA
리액트에서는 이러한 단점을 극복하기 위해 Single Page Application인 SPA를 사용한다. SPA는 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 방식이다.
하지만 이것도 또한 단점이 존재하는데, 최초 로드시 한 번에 모두 받아오기 때문에 초기 구동 속도가 느리다는 것이다.
** SPA 방식에서는 오직 하나의 페이지만 가지고 있기 때문에 MPA 방식으로의 페이지 이동이 불가능합니다. 페이지 (html)가 아닌 데이터를 가지는 JS 파일로 구성이 되어 있기 때문입니다.
렌더링 방식
SSR
전통적인 웹 애플리케이션의 동작 방식으로, 서버상에서 렌더링을 마치고 클라이언트가 받아서 실행하는 방식이다. 다른 페이지를 이동할 때마다 새로 고침이 일어난다.
CSR
클라이언트에서 렌더링하는 방식을 말한다. 브라우저상에서 HTML, JS, 등 렌더링을 위해 필요한 것들을 모두 다운로드하고 렌더링 한다.
-> 이후에는 필요한 데이터만 서버에 요청해서 JS로 동적처리 한다.
Hello Velog