이번 포스트에서는 다양한 방식으로 경로를 매칭하는 방법에 대해 알아보자. 파라미터를 활용한 동적 라우팅 params와 query가끔 동일한 컴포넌트를 주어진 경로의 패턴에 따라 동작시켜야 하는 경우가 있다. 예를 들어 사용자의 프로필을 표현하는데 /profile/hong , /profile/jang 형태로 불리는 경우이다. 당연히 이 과정에서 개인의 profile을 보여주는 component는 동일하고 뒤에 있는 /profile/[사용자이름]의 경로가 처리될 필요가 있다. 이를 위해 route에는 파라미터라는 것을 사용하는데 :을 이용해서 표현한다. 마치 스프링에서 path variable과 유사하다.{ path: '/profile/:id', component: DynamicPathView..
[vue3-router] 02. dynamic route matching
이번 포스트에서는 다양한 방식으로 경로를 매칭하는 방법에 대해 알아보자. 파라미터를 활용한 동적 라우팅 params와 query가끔 동일한 컴포넌트를 주어진 경로의 패턴에 따라 동작시켜야 하는 경우가 있다. 예를 들어 사용자의 프로필을 표현하는데 /profile/hong , /profile/jang 형태로 불리는 경우이다. 당연히 이 과정에서 개인의 profile을 보여주는 component는 동일하고 뒤에 있는 /profile/[사용자이름]의 경로가 처리될 필요가 있다. 이를 위해 route에는 파라미터라는 것을 사용하는데 :을 이용해서 표현한다. 마치 스프링에서 path variable과 유사하다.{ path: '/profile/:id', component: DynamicPathView..
2023.11.01