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

Kim Teahyoung님의 프로필 이미지

작성한 질문수

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

패러렐 라우트

2:56 src/app/page.tsx 파일을 이동해도 메인페이지가 잘 나오는 이유가 궁금합니다.

23.12.15 20:30 작성

·

632

·

수정됨

0

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c

페러렐 라우트용 @modal 페이지를 메인 page.tsx ( src/app/page.tsx ) 에서 사용하기위해 (beforeLogin) 경로로 이동시켰는데, Next.js 가 어떻게 메인페이지를 인식하고 표시하는지가 궁금합니다.

Next.js 프로젝트 폴더구조에서 가장 app 폴더와 근접해있는 page.tsx 파일이 메인으로 인식되는건가요.. ㅠㅠ?

현재 app 폴더에 layout.tsx(RootLayout) 밖에 없는데 그 파일에서 children 으로 받아지는 page.tsx 가 어떻게 결정되는지가 궁금합니다.

답변 2

2

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

2023. 12. 15. 20:54

네 창준님 말씀이 맞습니다. ()폴더는 아무 역할을 안 하므로 () 아래에 있는 page.tsx는 그냥 layout.tsx 옆에 있는 것과 같습니다

Kim Teahyoung님의 프로필 이미지
Kim Teahyoung
질문자

2023. 12. 15. 22:09

감사합니다. 그렇다면 layout.tsx 가 같은 경로에 두 개 생기는거 같아서 약간 헷갈리긴 하는데, ()로 감싼 녀석은 layout.tsx 를 가질 수 있다고 하셨으니 약간 특수한 경우라고 생각하면 될것같네요!

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

2023. 12. 15. 22:11

네 주로 레이아웃 추가 용도입니다.

2

김창준님의 프로필 이미지

2023. 12. 15. 20:41

(괄호로 감싼 폴더) 는 그냥 경로와는 상관없이 묶어주는 역할만 합니다. (개발하는 사람이 보기 쉽게)
Routing: Route Groups | Next.js (nextjs.org)

Kim Teahyoung님의 프로필 이미지
Kim Teahyoung
질문자

2023. 12. 15. 22:09

감사합니다^^