페이지 만들기

src/pages에 마크다운 또는 React 파일을 추가하여 독립형 페이지를 만들 수 있습니다.

• src/pages/index.js → localhost:3000/
• src/pages/foo.md → localhost:3000/foo
• src/pages/foo/bar.js → localhost:3000/foo/bar

첫 번째 React 페이지 만들기

src/pages/my-react-page.js에 파일을 생성합니다.

src/pages/my-react-page.js

import React from 'react';
import Layout from '@theme/Layout';

export default function MyReactPage() {
  return (
    <Layout>
      <h1>나의 React 페이지</h1>
      <p>이것은 React 페이지입니다.</p>
    </Layout>
  );
}

이제 http://localhost:3000/my-react-page에서 새 페이지를 볼 수 있습니다.

첫 번째 마크다운 페이지 만들기

src/pages/my-markdown-page.md에 파일을 생성합니다.

src/pages/my-markdown-page.md

# 나의 마크다운 페이지

이것은 마크다운 페이지입니다.

이제 http://localhost:3000/my-markdown-page에서 새 페이지를 볼 수 있습니다.