Menu
Coddy logo textTech

요약: Next.js를 사용하는 이유

Coddy React 여정의 Next.js 핵심 (Next.js Essentials) 섹션에 포함된 레슨 — 47개 중 4번째.

challenge icon

챌린지

쉬움

챕터 요약: 이번 챕터에서 배운 모든 내용을 활용하여 처음부터 페이지를 구축합니다.

  1. app/page.jsx는 현재 컴포넌트를 정의하고 있지만 Next.js가 찾지 못합니다. 이 파일을 해당 파일의 default export로 설정하세요.
  2. <main> 내부에 id="title" 속성과 Coddy Eats 텍스트를 가진 <h1>을 추가하세요.
  3. 그 아래에 id="tagline" 속성과 Built with Next.js 텍스트를 가진 <p>를 추가하세요.

직접 해보기

import './globals.css';

export const metadata = {
    title: 'My App',
};

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

Next.js 핵심 (Next.js Essentials)의 모든 레슨