NextJS에서의 기본 레이아웃

이전 강의에서 우리는 페이지의 콘텐츠, 타이틀 및 메타 설명이 삽입되는 사이트의 공통 레이아웃이 있어야 한다는 것을 알았습니다. NextJS에는 기본적으로 사이트의 공통 레이아웃 파일이 이미 있습니다. 이 파일은 app/layout.jsx에 위치합니다.

설치 후 레이아웃 파일에는 이미 일부 코드가 있습니다. 그러나 이 코드에는 불필요한 내용이 많이 포함되어 있습니다. 이해하기 쉬운 최소한의 사이트 레이아웃을 만들어 봅시다. 이를 위해 레이아웃 파일을 열고, 내용을 모두 삭제한 후 다음을 붙여넣으세요:

export const metadata = {
	title: 'Test site',
	description: 'This is my page description.',
};

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				{children}
			</body>
		</html>
	);
}

사이트 기본 레이아웃의 기본 내용을 수정하세요.