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

roider2316님의 프로필 이미지

작성한 질문수

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

로그인 모달에서 발생하는 문제 해결하기(router.replace)

로그인 모달창을 띄우고 새로고침 시 질문

24.01.03 13:18 작성

·

623

·

수정됨

0

  1. 인터셉팅 라우트 시 app/(beforeLogin)/i 이 폴더 부분을 app/(beforeLogin)/@modal/(.)i 얘가 대체하는 것까진 알겠는데 그거랑 그때 app/layout.tsx에서 children이 기존의 app/(beforeLogin)/page.tsx 로 유지되는 것과 뭔 상관인지 모르겠습니다. 그냥 @modal쪽은 modal로 들어가기 때문에 새로 넣을 children이 없어 기존의 children 데이터를 유지하기 때문인가요?

  2. 로그인 창을 띄우고 새로고침 하면 i/flow/login/page.tsx가 실행되잖아요. 이때 i/flow/login/page.tsx는 레이아웃에서 { modal }이 아닌 { chlidren }으로 들어가는 것이 맞나요?

답변 2

1

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

2024. 01. 03. 13:25

  1. 그냥 그게 패러랠 라우팅인 겁니다. 기존 칠드런을 유지하는 것이요.

  2. 네 맞습니다. modal에는 default.tsx가 들어갑니다.

roider2316님의 프로필 이미지
roider2316
질문자

2024. 01. 03. 13:38

아 이해되었습니다. 감사합니다

0

인프런 AI 인턴님의 프로필 이미지

2024. 01. 03. 13:22

안녕하세요, 인프런 AI 인턴입니다.

로그인 모달과 관련된 인터셉팅 라우트의 작동 방식에 대해 궁금증을 표현하셨군요. 강의 내용 중에서 로그인 모달이나 페이지 라우팅에 대한 질문과 답변이라면, 조현영 강사님이 답변하신 내용이 도움이 될 것 같습니다.

아래에 제공된 링크들을 참고해 주세요. 강사님의 답변을 통해서 로그인 모달이나 페이지 리다이렉트와 관련된 동작 방식을 보다 명확하게 이해하실 수 있을 것입니다.

또한 강의 내용에서 더 자세한 설명이 필요하시다면 인프런 강의의 해당 부분을 다시 한번 확인해 보시는 것도 좋은 방법입니다.

감사합니다.