Routing

• 라우팅이란? 경로에 따라 각기 다른 화면을 보여주기이며, route + -ing : 경로(route)를 찾아가는 행위라고 이해하면된다
• 즉 라우팅 이란, 다른 경로에 따라 다른 화면을 보여주는 것이다

SPA (Single Page Application, 단일 페이지 애플리케이션)

• 사용자가 웹 애플리케이션과 상호 작용하는 방식을 획기적으로 바꾼 기술이며, 사용자가 다른 뷰로 이동할 때 애플리케이션은 뷰를 동적으로 다시 그린다
• SPA는 MPA(Multi Page Application) 대비 페이지 간 이동 시 사용자가 느낄 수 있는 딜레이를 제거해 일반적으로 더 나은 UX를 제공한다

  페이지 전체를 새로고침 하지 않다는 점은 매우 중요하다

정적라우팅과 동적라우팅

• url에서 url 마지막에 특정 id 값이 들어가고해당 id 값에 따라 서로 다른 상세 페이지 정보가 화면에 그려지는 것을 볼 수 있다. id 값에 따라많은 url 이 나타날 것이고, 각각의 모든 url 에 대해 미리 경로의 형태와 갯수를 결정할 수 없게 된다.
• 즉, URL에 들어갈 id를 변수처럼 다뤄야 할 필요성이 생겨, 이처럼 정적이지 않은, 동적일 수 있는 경로에 대하여 라우팅을 하는 것을 동적 라우팅(Dynamic Routing)이라고 한다.

// Path Parameter일 경우
"/users/:id" => <Users /> // useParams().id

//Query Parameter일 경우
"/search?keyword=something" : <Search /> // useLocation().search