[NJ(215)]“_app.js” 파일 작업하기 (왜 그럴까?)

이유정·2024년 4월 18일
0

Next.js (pages router)

목록 보기
29/51
post-custom-banner

모든 page Component에서 동일한 <Head> 설정을 사용해야 할 수도 있음.
=> 일일이 복붙하고 싶지 않음.

_app.js 파일을 사용하자 !!

_app.js 파일

  • _app.js는 root app component다.
    • 모든 page에서 렌더링 된다.


import Head


추가해준다.

  • 이 meta 태그는 반응형 page의 scale을 적정값으로 만드는데 자주 쓰인다.
    • 일부 페이지가 아닌, 모든 페이지에 적용

이런식으로 _app.js 파일에 한번만 적용해주면 모든 page에 해당 사항이 반영된다.

profile
강의 기록 블로그
post-custom-banner

0개의 댓글