인프런 커뮤니티 질문&답변

donig1225님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

Next.js body태그 접근

해결된 질문

23.06.04 11:47 작성

·

658

·

수정됨

0

강사님 안녕하세요, 제가 배운거 바탕으로 포트폴리오를 제작중인데요

body 태그에 접근할려면 구글링 해본 결과 _document 파일이 있어야 하는데

아무리 찾아봐도 _document가 없더라구요 혹시 body태그에 접근하는방법을

여쭤봐도 될까요?

※ document.querySelector 접근할 생각을 했는데 react, next.js에서는 되도록이면

사용안하는게 좋다고해서 어쩔수없을때는 사용해도 될까요?

답변 1

1

노원두님의 프로필 이미지
노원두
지식공유자

2023. 06. 04. 13:44

안녕하세요! donig1225님!

document.querySelector는 어쩔 수 없는 상황이 아니면, 가급적 사용하지 않는 것이 좋을 것 같아요! 유지보수 등의 일관성을 해칠 수 있을 것 같네요!

_document.js 파일은 _app.js 파일과 마찬가지로 next.js에서 자동으로 인식되는 파일이에요!
따라서, 추가적인 설정 필요 없이 오타만 나지 않게 파일을 만들어 주세요!

import { Html, Head, Main, NextScript } from 'next/document';
 
export default function Document() {
  return (
    <Html>
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}

 

위 파일의 내용은 next.js 공식 홈페이지에서 확인하실 수 있으며, 주소는 아래와 같습니다!
https://nextjs.org/docs/pages/building-your-application/routing/custom-document

donig1225님의 프로필 이미지
donig1225
질문자

2023. 06. 04. 15:02

감사합니다 (: