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

안녕하세요! 강의 잘듣고있습니다.

login 폴더가 불필요한 루트 인 것 같아서 바로 인터셉터 라우터를 이용해 @modal로 연결했습니다.

<Link href="/i/flow/login" className={styles.login}>로그인</Link>

또 추가로 새로고침 해도 Modal을 유지하고 싶어서

i/flow/login폴더에서 아래와 같이 마운트시에 인터셉터 하도록 유도하였습니다.

"use client";

import { useRouter } from "next/navigation";
import { useEffect } from "react";

export default function Login() {
  const router = useRouter();
  useEffect(() => {
    router.replace("/i/flow/login");
  }, [router]);

  return null;
}

기존 유입방식으로 SSR Page에서 i/flow/login으로 이동 시, 인터셉터 라우팅하여 병렬 라우팅 하던것과 달리,

바로유입 -> i/flow/login -> (replace) -> (.)i/flow/login/page.tsx 순으로 @modal이 출력될줄 알았는데

모달이 출력되질 않네요..

이유가 i/flow/login으로 바로 접속했기에 상위 폴더 영역에서 {modal}을 선언한 layout을 찾지 못하기 때문에 아무것도 뜨지 않는건가요?

제가 이해한 것이 맞을지 검색해도 잘 안나와서 질문드립니다!