<aside> 💡 React-helmet 에 대해서 알아보자

</aside>

브라우저에서 보여주는 타이틀을 바꾸기 위해선 head 태그에 있는 title 을 바꿔주면 된다.

자바스크립트로 페이지 제목을 바꾸려면 document.title 값을 수정하면 된다.

페이지를 들어갈때 각 페이지의 타이틀을 간편하게 바꾸기 위해선 react-helmet 이라는 라이브러리를 사용해서 바꾸면 편하다.

npm i react-helmet // 라이브러리 설치하기

import { Helmet } from 'react-helmet';

<Helmet>
  <title>Title 바꾸기</title>
</Helmet>

Helmet 컴포넌트로 감싼 다음 title 태그를 사용하면 HTML title 태그를 덮어쓸 수 있다.

각 페이지마다 Helmet 컴포넌트를 사용하면 타이틀 변경이 쉽게 가능하다.