[코드잇] 리액트 라우터 - 5. 타이틀 바꾸기 <Helmet>

iberis2·2023년 4월 8일

React 리액트

목록 보기
14/22

react-helmet

각 페이지에 들어갔을 때 페이지 제목<title>을 바꿔주는 라이브러리이다.

🔗 npm 공식 홈페이지 : react-helmet

# Yarn 설치
yarn add react-helmet

# npm 설치
npm install --save react-helmet

터미널에서 설치 후 원하는 페이지에서 import 하여 사용하면 된다.

  • <Helmet><title> 변경할 타이틀 </title></Helmet>
import { Helmet } from "react-helmet";

function CourseListPage() {
 
  return (
    <>
      <Helmet>
        <title>코스 리스트</title>
      </Helmet>
      
      <ListPage>
        // 내용 생략
      </ListPage>
    
    </>
  );
}


참조: 코드잇 React로 웹사이트 만들기

profile
자동화와 기록으로 더 효율적으로 일하는 (게)으른 개발자가 되려고 합니다.

0개의 댓글