react-helmet

2023. 2. 25. 01:34·NOTE

react head에 들어가는 요소를 변경하기 위한 패키지

예를 들어 title을 변경하거나, favicon을 수정하는 경우 사용된다. 

 

react-helmet을 사용해도 seo를 충족시킬 수 없으므로 

seo가 중요한 사이트인경우 SSR을 사용해야한다. 

 

설치 

npm i react-helmet

 

적용

import { Helmet } from "react-helmet";

const coin = () => {
    return (
        <>
            <Helmet>
                <title>페이지 타이틀</title>
            </Helmet>
        </>
    )
}

'NOTE' 카테고리의 다른 글

parseInt(), Number() 의 차이  (0) 2023.03.02
Array.findIndex()  (0) 2023.03.02
기존 CRA프로젝트에 typescript 템플릿 추가하기  (0) 2023.02.22
Array.prototype.filter(), Array.prototype.find()의 차이  (0) 2023.02.16
Swiper.js slidesPerGroup 슬라이드 여러장씩 이동시키기  (0) 2023.02.03
'NOTE' 카테고리의 다른 글
  • parseInt(), Number() 의 차이
  • Array.findIndex()
  • 기존 CRA프로젝트에 typescript 템플릿 추가하기
  • Array.prototype.filter(), Array.prototype.find()의 차이
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (73)
      • TECH (22)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    global-style
    d.ts
    React
    slidesPerGroup
    타입스크립트
    theme-provider
    배열요소순서
    Array.sort()
    TypeScript
    함수와 메서드차이
    git배포
    웹브라우저구성
    redux
    styled-components
    커머스프로젝트
    reat-head
    call signatures
    react state management
    reduxtoolkit
    JavaScript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ssund
react-helmet
상단으로

티스토리툴바