• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

23.12.15 20:30 작성 23.12.15 20:31 수정 조회수 501

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

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

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

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

2

김창준님의 프로필

김창준

2023.12.15

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

감사합니다^^