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

iberis2·2023년 4월 8일
0

React 리액트

목록 보기
14/20

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
React, Next.js, TypeScript 로 개발 중인 프론트엔드 개발자

0개의 댓글