[react]번외 react router-pathname 대한 개념 이해

<Header /> 컴포넌트를 다른 페이지에 포함할 때, router.pathname이 어떻게 작동하는지에 대한 이해가 필요합니다.

router.pathname은 현재 페이지의 경로를 나타내는 속성입니다. 컴포넌트 내에서 이 값을 확인할 때, 컴포넌트가 렌더링된 현재 페이지의 경로를 나타냅니다. 그러나 이 컴포넌트가 어떤 부모 컴포넌트에 의해 렌더링되었는지에는 영향을 주지 않습니다.

따라서 <Header /> 컴포넌트를 다른 페이지에 포함했을 때, <Header /> 컴포넌트 내부의 router.pathname은 해당 컴포넌트가 렌더링된 현재 페이지의 경로를 나타냅니다. 즉, 부모 페이지의 경로가 아닌 현재 페이지의 경로입니다.

이는 React 컴포넌트의 특성으로, 컴포넌트는 그 자체로 독립적인 상태와 렌더링을 가지며, 부모 컴포넌트의 상태나 경로와는 무관하게 동작합니다. 부모 컴포넌트에서 자식 컴포넌트를 렌더링하면, 자식 컴포넌트는 자신의 상태와 렌더링을 진행하며, 부모 컴포넌트의 상태나 경로에 직접적인 영향을 주지 않습니다.