Static, Dynamic Routing

Routing 이란 무엇인가?

• 페이지 이동 기능을 가지고 있는 객체
• 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것

(영문) React Router is a tool that allows you to handle routes.

React Router introduces a concept called “Dynamic Routing”, which is quite different from the “Static Routing” we are used to.

Routing 방식

1. 정적 (Static Routing)

• 정적 라우팅으로 특정 주소를 지정해 놓을 수 있습니다. 하지만, 페이지가 많아 진다고 한다면, 모든 페이지를 코드로 만들어 정적 라우팅으로 지정하기에는 너무 불편함.

• When you’re dealing with “Static Routing” you declare your routes as part of your app’s initialisation before any rendering takes place (Rails, Express, Ember, Angular, and so on).

2. 동적 (Dynamic Routing)

• 동적 라우팅은 변하는 주소에 따라서 그에 맞는 페이지를 로드해 줍니다. 변수를 이용해서 동적 라우팅을 실행함.

• “Dynamic Routing” means that routing takes place as your app is rendering, not in a configuration or convention outside of a running app.

Source: https://www.freecodecamp.org/news/hitchhikers-guide-to-react-router-v4-a957c6a5aa18/#:~:text=When%20you're%20dealing%20with,outside%20of%20a%20running%20app.