현재 우리가 만든 웹 애플리케이션을 브라우저에서 열어 보면 상단에 React App이라는 제목이 나타납니다.

▲ 그림 27-5 페이지 제목

 

구글, 네이버 같은 검색 엔진에서 웹 페이지를 수집할 때는 meta 태그를 읽는데요. 이 meta 태그를 리액트 앱에서 설정하는 방법을 한번 알아봅시다.

우선 yarn을 사용하여 클라이언트 프로젝트에 react-helmet-async라는 라이브러리를 설치하세요.

$ yarn add react-helmet-async