_documents.tsx

_document.tsx
_documents.jsx
기본 페이지
커스텀을 위해 직접 만들어 사용한다.
Next에서 제공하는 document을 적용하면 마크업을 커스텀 할 수 있다.
meta 테그 정의, 전체 페이지에 관여하는 component.
따로 설정 안 하면 디폴트값 적용.
이곳의 콘솔은 서버에서만 보이고 클라이언트에서는 안보임.
componentDidMount 같은 훅도 실행이 안됨. 정말 static한 상황만 부여됨.

// pages/_document.tsx
    import Document, { Html, Head, Main, NextScript } from "next/document";
    export default class CustomDocument extends Document {
      render() {
        return (
          <Html>
            <Head>
              	// 모든페이지에 아래 메타테크가 head에 들어감 
								// 루트파일이기에 가능한 적은 코드만 넣어야 함! 
								// 전역 파일을 엉망으로 만들면 안된다 
								// 웹 타이틀 같은 것 넣음
              <meta property="custom" content="123123" />
            </Head>
            <body>
              <Main />
            </body>
            <NextScript />
          </Html>
        );
      }
    }