Skip to main content

페이지 만들기

마크다운 또는 React 파일을 src/pages에 추가하면 독립 페이지를 만들 수 있어요:

  • 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>My React page</h1>
      <p>This is a React page</p>
    </Layout>
  );
}

이제 http://localhost:3000/my-react-page에서 새 페이지를 확인할 수 있어요.

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

src/pages/my-markdown-page.md 파일을 만들어보세요:

src/pages/my-markdown-page.md
# My Markdown page

This is a Markdown page

이제 http://localhost:3000/my-markdown-page에서 새 페이지를 확인할 수 있어요.