RootLayout

Footer를 만들고 나서 RootLayout을 작성한다

import React, { ReactElement } from 'react';
import Header from './header/Header';
import BottomHeader from './header/BottomHeader';
import Footer from './Footer';

interface Props {
    children: ReactElement;
}

const RootLayout = ({ children }: Props) => {
  return (
    <>
      <Header />
      <BottomHeader />
      {children}
      <Footer />
    </>
  )
}

export default RootLayout

이렇게 해서 Header와 BottomHeader, Footer 페이지를 연결시키고 각 페이지로 이동 가능하게 만든다.