각 컴포넌트를 감싸는 공통 컴포넌트 맹글기( + propTypes)

import PropTypes from "prop-types";
import Link from 'next/link'
import React from 'react'

const AppLayout = ({ children }) => {
  return (
    <>
      <Link href = "/Espanõl"><a>Hola</a></Link>
      <Link href = "/한국어"><a>안녕</a></Link>
      <Link href = "/English"><a>Hi</a></Link>
      {children}
    </>
  );
};

AppLayout.propTypes = {
  children: PropTypes.node.isRequired,
};

export default AppLayout;

발견 1.

저렇게 children props를 이용해서 감쌀 수 있었다......

발견 2.

AppLayout.propTypes = {
  children: PropTypes.node.isRequired,
};

리액트에서 prop의 타입을 지정해주어 오류를 줄일 수 있는 방법이 있었음. 사용은 안할 것 같음.

---

자세한 설명은 코드를 보도록.