이번 포스트에서는 중첩 경로와 이름 있는 뷰에 대해 살펴보자. 중첩 경로(nested route) 중첩 경로란?중첩 경로란 상위 컴포넌트에 하위 컴포넌트를 포함하는 구조를 의미한다.페이지를 구성하다 보면 상위 요소가 선택되어야 의미가 있는 하위 요소들이 있다. 예를 들어 특정 사용자의 프로필을 본다든가, 그 사람이 작성한 글을 보는 상황을 생각해 보자. 이 페이지들은 [사용자 선택]이 없다면 아무 의미가 없는 행동들이다. 이런 경우 상위 컴포넌트에 하위 컴포넌트를 포함시키는 중첩 경로 즉 nested route를 구성할 수 있다. Router 작성중첩 경로를 작성하기 위해서는 상위 경로에 children이라는 속성을 이용해서 중첩 경로 정보를 작성해주면 된다. children은 []로 여러 개의 중첩 컴..
[vue3-router] 03. nested route와 named view
이번 포스트에서는 중첩 경로와 이름 있는 뷰에 대해 살펴보자. 중첩 경로(nested route) 중첩 경로란?중첩 경로란 상위 컴포넌트에 하위 컴포넌트를 포함하는 구조를 의미한다.페이지를 구성하다 보면 상위 요소가 선택되어야 의미가 있는 하위 요소들이 있다. 예를 들어 특정 사용자의 프로필을 본다든가, 그 사람이 작성한 글을 보는 상황을 생각해 보자. 이 페이지들은 [사용자 선택]이 없다면 아무 의미가 없는 행동들이다. 이런 경우 상위 컴포넌트에 하위 컴포넌트를 포함시키는 중첩 경로 즉 nested route를 구성할 수 있다. Router 작성중첩 경로를 작성하기 위해서는 상위 경로에 children이라는 속성을 이용해서 중첩 경로 정보를 작성해주면 된다. children은 []로 여러 개의 중첩 컴..
2023.11.01