[TIL] 230907

Client Side Routing

React를 이용하여 SPA를 구현할 때 메뉴를 클릭하면 페이지를 이동하지 않고 업데이트 되는데 이때 url이 변하지 않는다.

• 렌더링되는 데이터의 양이 적기 때문에 구성요소간 라우팅 속도가 빠르다.
• SPA가 작동하는 실제 느낌을 준다. 별도의 페이지가 렌더링 되지않고, 형재 페이지는 새 화면을 보여주기 위해 새로고침되지 않는다.
• 모든 route와 component, HTML이 한번에 로딩되기 때문에 모든 웹사이트가 첫 요청에 로딩되어 초기 로딩 시간이 길 수 있다.
• 외부 라이브러리 사용이 필요하고 Server Side Routing과 다르게 외부 의존성이 높을 수 있다.
• SEO사용이 어려울 수 있다.

Routing

출발지에서 목적지까지 경로를 결정하는 기능이다.

• 애플리케이션의 라우팅
  사용자가 task를 수행하기 위해 어떤 view에서 다른 view로 화면을 전환하는 내비게이션을 관리하기 위한 기능
• 일반적인 라우팅
  사용자가 요청한 URL or Event를 해석하고 새로운 페이지로 전환하기 위해 필요한 데이터를 서버에 요청하고 페이지를 전환하기 위한 일련의 행위