[React] React Helmet / Icon

2024. 12. 13. 17:13·React

React Helmet


React 애플리케이션에서 HTML <head> 태그의 내용을 동적으로 관리할 수 있도록 도와주는 라이브러리

 

설치


npm install react-helmet-async

 

사용


-App.tsx

import { HelmetProvider } from 'react-helmet-async';

<HelmetProvider>
  <App />
</HelmetProvider>
import { Helmet } from 'react-helmet-async';

function Home() {
  return (
    <>
      <Helmet>
        <title>안녕하세요</title>
      </Helmet>
      <h1>홈 화면</h1>
    </>
  );
}

 

 

React Icons


https://react-icons.github.io/react-icons/

 

React Icons

 

react-icons.github.io

 

설치

 npm install react-icons --save

'React' 카테고리의 다른 글

[React] Recoil  (0) 2024.12.20
[React] ApexCharts.js  (0) 2024.12.15
[React] TanStack Query(React Query)  (0) 2024.12.10
[React] React with Typescript  (0) 2024.12.05
[React] 컴포넌트 최적화(1) : useMemo  (0) 2024.12.03
'React' 카테고리의 다른 글
  • [React] Recoil
  • [React] ApexCharts.js
  • [React] TanStack Query(React Query)
  • [React] React with Typescript
Naah
Naah
  • Naah
    blueprint
    Naah
  • 전체
    오늘
    어제
    • 분류 전체보기 (106)
      • Java (28)
      • Kotlin (0)
      • TypeScript (7)
      • React (22)
      • Next.js (1)
      • Spring (22)
      • JPA (12)
      • Spring Data JPA (6)
      • Querydsl (1)
      • Error (7)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
    • manage
  • 링크

  • 공지사항

  • 인기 글

  • 태그

  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Naah
[React] React Helmet / Icon
상단으로

티스토리툴바