-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
Next.js body태그 접근
23.06.04 11:47 작성 23.06.04 12:13 수정 조회수 537
0
강사님 안녕하세요, 제가 배운거 바탕으로 포트폴리오를 제작중인데요
body 태그에 접근할려면 구글링 해본 결과 _document 파일이 있어야 하는데
아무리 찾아봐도 _document가 없더라구요 혹시 body태그에 접근하는방법을
여쭤봐도 될까요?
※ document.querySelector 접근할 생각을 했는데 react, next.js에서는 되도록이면
사용안하는게 좋다고해서 어쩔수없을때는 사용해도 될까요?
답변을 작성해보세요.
1
노원두
지식공유자2023.06.04
안녕하세요! 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
답변 1