라우팅..Routing 🤔

Routing

' Routing is the process of selecting a path for traffic in a network or between or across multiple networks ' - 위키피디아

즉, 라우팅(routing)은 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정이다. 일반적으로 네트워크 상에 특정 url을 이용했을 때, 어떤 경로, 어떤 페이지를 이용해서(연결해서) 데이터를 받아올지 그 길을 결정해주는 것. 경로선택(Path Determination)과 스위칭(Switching) 하는 과정을 의미한다.

 

Route = 경로 

Routing = 경로를 찾아가는 과정

Rouing protocol = 찾아주는 규칙 사용하는 프로토콜 -> Route 생성

Router = Routing을 능동적으로 수행하는 장치 -> 가장 좋은 path를 찾기 위해 Routing protocol을 사용하여 계산된 경로를 만들어 낸다.

그리고 이를 라우팅 테이블 (Routing Table) 에 저장한다. Router에는 서로 다른 네트워크 들에 대한 정보가 저장되어 있어야 한다.

React Router

기본적으로 SPA(Single Page Application)은 페이지가 1개인 어플리케이션이다. 유저가 요청할 때마다 한 페이지 내에서 리소스를 요청받아 렌더링하는 것이다. 그 덕분에 페이지 깜박임 없이도 전환이 가능하지만 주소가 없어서 특정 페이지에 접속하기 힘들고 북마크를 할 수 없다는 단점이 있다. 그러나 react-router를 사용하면 싱글 페이지 어플리케이션도 주소를 가질 수 있게 되었다.

기본적으로 공식문서를 보면 사용방법을 확인할 수 있다.

 

설치

npm install react-router-dom

 

사용

import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

: 이런식으로 라이브러리를 불러와 사용하면 된다. 공식문서를 보는 습관을 기르자! 🤛