본캠프 15일차-Static Routing, Dynamic Routing

오늘은 정적라우팅(Static Routing)과 동적라우팅(Dynamic Routing)에 대해 알아보도록 하자.

정적, 동적 라우팅을 알아보기 전 라우팅이 무엇인지 먼저 알고가도록 하자.

 

라우팅이란 '특정네트워크에서 다른네트워크로 가기위한 경로를 선택하여 패킷을 전달한다' 라고 설명되어있는데

이를 쉽게 표현하자면 웹의 경우 페이지 이동이 라우팅이라고 볼 수 있다.

 

  정적라우팅(Static Routing)   

정적 라우팅은 라우팅 시 개발자가 정해놓은 경로로 이동하는 것을 말한다.

예를들어

import 'router' from 'next/router';


const movePage = () => {
router.push('./aaa/qqq') }

라고 코드가 작성되어있다면 movePage 함수가 실행될 때 미리 정해져있는 경로인 aaa폴더 안의 qqq폴더로 이동하게된다. 그렇기에 대부분의 정적라우팅은 뒤에 나올 정적페이지나, 홈 화면으로 이동같은 곳에 많이 쓰인다.

 

  동적라우팅(Dynamic Routing)   

동적 라우팅은 개발자가 경로 설정 시 특정경로로 설정하지 않고, 유동적인 코드(소프트 코딩)을 통해 이동할 수 있게 경로가 설정되어 해당하는 페이지로 이동시켜지는 라우팅을 말한다.

예를 들자면

import 'router' from 'next/router';


const movePage = () => {
router.push(`./aaa/qqq/{router.query.id}`)

 

위와 같이 백틱을 이용하여 작성되는데, aaa폴더안의 qqq폴더 그리고 router.query.id 부분의 id값을 받아와서 qqq폴더안에있는 해당 아이디에대한 페이지로 이동하게 된다. 웹의 경우 각각의 개별 id값이 존재하는 마이페이지에서 사용되며, 마이페이지가 아니더라도 특정한 id값을 가지고있는 데이터에 대해 이동시킬 수 있다.