라우터와 라우팅

라우터

라우터는 OSI 모델의 3계층(네트워크 계층)에서 동작하는 장비이다.
패킷이 가야할 경로(다음 목적지)를 결정하고, 그 경로로 패킷을 전달하는 역할을 한다.

가정에서는 공유기가 라우터 역할을 하고, 인터넷을 통해 데이터를 주고 받을 수 있게 해준다.

라우팅

라우팅은 말 그대로 패킷을 전달할 경로를 설정하고, 이동시키는 행위이다.

라우팅에는 경로를 결정하는 방법이 중요하며 정적 라우팅과 동적 라우팅으로 나뉜다.

정적 라우팅 (Static Routing)

정적 라우팅은 관리자가 직접 경로를 설정하고, 해당 경로로만 패킷이 이동하도록 하는 방식.

특징

수동 설정

경로는 네트워크 관리자가 수동으로 설정해야 한다.
예를 들어 "패킷은 무조건 A -> B -> C로 가야한다!" 고 고정적으로 지정한다.

단순한 구조

네트워크가 작거나 경로가 자주 변하지 않을 때 적합하다.

변화에 민감

네트워크 경로에 장애가 생기거나 새로운 경로가 추가돼도 자동으로 대처하지 못한다.

정적 라우팅은....

전제 조건 : 스마트 기기 등 현지에서 도움 받을 수 없음!
여행지를 고른 다음, 어떤 경로로 어떤 수단을 사용하여 길을 다 정해둔 것이다.
도로가 막히거나 공사 중이어도, 다른 경로로 갈 수가 없다!
동적 라우팅 (Dynamic Routing)
동적 라우팅은 라우터가 경로를 스스로 계산하고 관리하는 방식이다.

특징

자동 경로 설정

라우터가 네트워크 상태를 실시간으로 분석하고, 가장 효율적인 경로를 자동으로 설정한다.
새로운 경로가 생기거나 장애가 발생해도 즉시 대처가 가능하다.

프로토콜 사용

동적 라우팅에는 라우팅 프로토콜(예: RIP, OSPF, BGP)을 사용해서 경로를 관리한다.
해당 프로토콜은 네트워크 경로를 계산하거나 갱신할 때 쓰인다.

복잡한 구조

라우터가 스스로 경로를 계산하므로, 네트워크가 크고 복잡할수록 적합하다.
동적 라우팅은...

티맵 등 실시간 교통 상황에 따라 목적지로 안내해주는 내비와 비슷한 듯 하다.
도로가 막히거나 사고가 나도 새로운 경로를 자동으로 찾아준다.

---

라우팅(routing)이란 웹 애플리케이션에서 사용자가 주소(URL)를 변경하거나 메뉴를 클릭했을 때 어떤 화면(컴포넌트)을 보여줄지를 결정하고 실제로 그 화면으로 이동시키는 과정을 말한다.

웹 서버(백엔드) 라우팅: URL 경로에 따라 어떤 함수나 컨트롤러를 실행할지 매핑

프론트엔드(SPA) 라우팅: Vue Router, React Router 같은 라이브러리를 써서

URL의 경로(예: /en/company or /th/portfolio/vr)를 감지

그 경로에 대응하는 Vue 컴포넌트(페이지)를 화면에 렌더링

페이지 새로고침 없이 컴포넌트 간 이동

언어별 홈 경로 계산

route.path 가 /en 으로 시작하면 영어 홈(/en)
/th 면 태국어 홈(/th)
그 외는 한국어 홈(/kr)

클릭 핸들러 등록

로고 이미지에 @click="goHome" 연결. 클릭 했을시 gohom 함수 실행

라우터 이동

router.push({ path: homePath.value }) 로 실제 이동