[React] 라이브러리 - 리액트 페이지마다 타이틀 변경하기

 

1. react-helmet

SPA의 가장 큰 단점이 무엇일까? SEO? 우리는 고정된 타이틀만을 사용할 수 밖에 없다.

왜냐하면 싱글 페이지 내에서 컴포넌트들의 변화만 볼 수 있을 뿐이기 때문이다.

react-helmet을 사용하면페이지마다 타이틀을 변경해 줄 수 있다. 

 

npm install react-helmet

 

 

react-helmt 적용 모습

 

 

 

react-helmet을 프로젝트에 import한 후,

 

위와 같이 헬멧 안에 title 태그와 함께 자신이 적용하고 싶은 타이틀을 적용하면 된다.