pages 폴더에 추가해야함.
_app.js는 애플리케이션 셸이다. HTML 문서의 body 섹션 속 루트 컴포넌트 라고 생각하면 된다.
_document.js는 HTML문서 전체를 커스터마이징 할 수 있다.
import Document, { Html, Head, Main, NextScript } from "next/document";
class MyDocument extends Document {
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;
클래스 컴포넌트인 이유
⇒ Next.js가 제공하는 일부 구성요소 확장이 필요하기 때문이다.
_document.js를 사용하는 이유
⇒ HTML 콘텐츠를 애플리케이션 컴포넌트 트리 외부에 추가할 수 있게 해준다. React의 portal과 같이 사용한다던가…