참고 문서

Layout 추가

import React from 'react'
import Navbar from '../Navbar/Navbar';
import Footer from '../Footer/Footer';

interface Props {
    children: React.ReactNode
}


const DefaultLayout: React.FC<Props> = (props: Props) => {
  return (
    <div>
      <Navbar />

      <main>{props.children}</main>

      <Footer />
    </div>
  )
}

export default DefaultLayout

페이지에 적용

import React from 'react'
import DefaultLayout from '../../components/Layouts/DefaultLayout'

const HomePage: React.FC = () => {
  return (
    <DefaultLayout>
      <div>HomePage</div>
    </DefaultLayout>
  )
}

export default HomePage