본문 바로가기

Front-End/Next.js

layout.tsx

레이아웃은 시스템 파일이다.

 

시스템 파일 : 운영 체제 및 시스템 소프트웨어가 제대로 동작하기 위해 필요한 파일

이거 경로마다 사용이 가능하다.

 

 

기본적으로 root에 있는 레이아웃의 설정을 따라가게 되는데

예를 들어 라우터폴더 안에 , layout.tsx를 만들면 , 그 안에 page.tsx는 안쪽 layout.tsx를 따라가게 된다.

src/app/blog/layout (blog 폴더 내에 있는 page.tsx는 이 놈을 따라간다.)
src/layout.tsx (전체적으론 이놈)

 

 

결론 : 레이아웃은 경로마다 생성해서 중첩 할 수 있다.