Routing, SPA

Routing

 

1. 정의 

 

Route는 ‘경로’라는 의미를 담고 있고,

Routing은 ‘경로를 찾는 행위’,

Router는 Routing을 해주는 ‘도구’

 

웹 프론트엔드에서 Routing은 

다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것을 의미

 

 

2. 필요성

 

기존의 웹페이지에서는 html에 태그를 통해 링크를 걸어서

다른 html 페이지로 이동하는 방식으로 Routing 한다

하지만 React에서는 다른 방식으로 라우팅을 구현해야 하는데, 그 이유는?

우선 React(리액트)는 Framework가 아닌 Library이기 때문에

라우팅 기능이 내장되어있지 않다.

 

그래서 별도의 Library를 설치해서 라우팅을 구현해야 하고,

CRA를 통해서 만들 웹 애플리케이션은 SPA이기 때문에

기존의 Routing 방식과는 다르게 구현해야 한다.

그렇다면 SPA는 무엇인가

 

 

 

 

 

SPA

 

1. 정의

 

SPA (Single Page Application) 는 페이지가 하나인 웹 애플리케이션

여기서 ‘페이지’란 html 파일을 뜻한다 

 

즉, SPA는 html이 하나인 웹 애플리케이션을 의미

상반되는 개념으로는 html 파일이 여러 개인 MPA (Multi Page Application)

MPA는 html 파일이 여러 개라서 다른 페이지를 보여 주고 싶을 때,

해당 html 파일을 연결해 보여주는 형태로 페이지를 이동하는 기능을 구현

 

SPA는 html 파일이 하나이기 때문에 하나의 html에서 경로(url)에 따라서

다른 UI를 보여주는 Routing 기능이 필요하게 되었다