Next.js body태그 접근
강사님 안녕하세요, 제가 배운거 바탕으로 포트폴리오를 제작중인데요
body 태그에 접근할려면 구글링 해본 결과 _document 파일이 있어야 하는데
아무리 찾아봐도 _document가 없더라구요 혹시 body태그에 접근하는방법을
여쭤봐도 될까요?
※ document.querySelector 접근할 생각을 했는데 react, next.js에서는 되도록이면
사용안하는게 좋다고해서 어쩔수없을때는 사용해도 될까요?
답변 1
1
안녕하세요! 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
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
40
1
댓글 기능 구현 중 질문드립니다.
0
67
1
쿠폰코드 발급
0
140
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
87
2
문의드립니다!! ㅠㅠ
0
104
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
78
2
_app.js 작성 이후로 에러가 발생하네요
0
95
2
학습자료
0
71
2
학습자료가 안열립니다.
0
51
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
61
0
기존강의 구매자, 업데이트 끝인가요?
0
111
3
업데이트 버전 수강
0
89
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
84
1
graphql 접속이 안됩니다.
0
101
2
const, let 사용 질문 드립니다.
0
71
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
81
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
167
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
185
2
2분 44초 질문
0
132
3