[React] 리액트 꿀라이브러리 탐방

계속해서 라이브러리가 업데이트 될 예정입니다. 👨🏻‍💻

1. react-helmet

SPA의 가장 큰 단점이 무엇일까요? SEO? 우리는 고정된 타이틀만을 사용할 수 밖에 없습니다. 왜냐하면 우리는 싱글 페이지 내에서 컴포넌트들의 변화만 볼 수 있을 뿐이니까요. 하지만 react-helmet을 사용하면 우리는 페이지마다 타이틀을 변경해 줄 수 있습니다. ✌🏻

npm install react-helmet

react-helmt 적용 모습

사용법은 굉장히 간단합니다. react-helmet을 프로젝트에 import한 후 다음과 같이 헬멧 안에 title 태그와 함께 자신이 적용하고 싶은 타이틀을 적용하면 됩니다.