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

김건희님의 프로필 이미지

작성한 질문수

Next + React Query로 SNS 서비스 만들기

인터셉팅 라우트

chilrdren, modal의 보여지는 원리가 제가 이해한 것이 맞을까요?

24.02.02 21:30 작성

·

373

·

수정됨

0

안녕하세요 제로초님.

인터넷창에 직접 주소를 입력하거나 새로고침 시 뒤에 배경화면이 사라지는 것에 대하여 질문있습니다.

 

먼저

<Link href='/i/flow/signup' className={styles.signup}>

를 클릭 시에는 인터셉터 라우팅이 트리거 되어

 

src/app/(beforeLogin)/layout.tsx

에 있는 children으로 인해 배경화면에 main컴포넌트가 보여지며 인터셉터된 @modal 은 modal부분에 보여집니다.

 

그런데 직접 주소창에/i/flow/signup' 를 입력하여 접근하거나 새로고침하면 배경화면에 main컴포넌트가 사라지게 되는데 이것의 이유는 직접 접근할 때 인터셉에 걸리지 않게되고, childrend에는 i/flow에 있는 폴더들이 보여지며 defalut.tsx가 배경화면으로 보여지기 때문인가요?

 

 

 

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 02. 02. 21:50

네 맞습니다. 인터셉팅 시에는 children은 변하지 않고

새로고침 시에는 default.tsx는 modal 자리에 보여집니다.

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 08. 19. 11:37

그 경우는 인터셉팅을 하는 게 아니라 페이지를 새로 만드는 게 맞지 않을까요?