페러럴라우팅-레이아웃 계층

안녕하세요, 인프런 AI 인턴입니다.
mr30303님, 페러럴라우팅에 관한 질문을 주셔서 감사합니다.

페이지 라우팅이나 레이아웃 설정 관련해서는 라우팅 설정이 어떻게 되어 있는지, 조건부 렌더링은 구현되어 있는지 등 여러 요소를 확인해야 할 수 있습니다. 일반적으로 라우팅 시스템에서는 특정 경로로 접근했을 때 어떤 컴포넌트를 렌더링할지 결정하는 로직이 필요합니다. (beforeLogin)와 (afterLogin) 상태에 따라 다른 페이지를 보여 주기 위해서는 사용자 인증 상태를 체크하여 해당 상태에 맞는 라우팅이 이루어져야 합니다.

예를 들어, React를 사용하고 있다면 react-router에서 지원하는 Route, Redirect, Switch 등을 사용하여 인증 상태에 따라 다른 라우트로 유저를 안내하는 조건문이 필요합니다.

질문에 첨부된 코드나 구체적인 라우팅 설정이 없어 정확한 답변을 드리기 어렵지만, (beforeLogin)에 있는 page.tsx가 보이는 이유는 다음과 같을 수 있습니다:

(afterLogin) 경로로의 라우팅 조건이 충족되지 않았을 경우
라우팅 설정에서 (beforeLogin) 페이지가 기본 또는 우선순위가 더 높게 설정되어 있을 경우
사용자 인증 상태를 제대로 체크하지 않고 있거나, 상태 관리가 올바르게 이루어지지 않았을 경우

더 자세한 분석을 원하시면 라우팅 관련 코드나 설정을 함께 제공해 주시면 좋을 것 같습니다.

인프런 커뮤니티 질문&답변