feat: 중복 meta 태그 없도록 모든 meta태그 동적으로 생성

imddoy · Aug 5, 2024 · 3cf31b6 · 3cf31b6
1 parent 66ea7f5
commit 3cf31b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -19,10 +19,6 @@
     <link rel="stylesheet" href="./src/styles/fonts/fonts.css" />
     <link rel="manifest" href="/manifest.json" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="keywords" content="공연, 밴드, 뮤지컬, 비트, beat" />
-    <meta property="og:title" content="BEAT" />
-    <meta property="og:description" content="BE AT WHERE YOUR HEART BEATS" />
-    <meta property="og:image" content="https://www.beatlive.kr/og_img.png" />
     <title>BEAT</title>
   </head>
   <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -13,6 +13,7 @@ import Modal from "@components/commons/modal/Modal";
 import { ThemeProvider as MuiThemeProvider, createTheme } from "@mui/material/styles";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import MetaTag from "@components/commons/meta/MetaTag";
 
 const darkTheme = createTheme({
   palette: {
@@ -25,6 +26,11 @@ function App() {
 
   return (
     <HelmetProvider>
+      <MetaTag
+        title="BEAT"
+        description="BE AT WHERE YOUR HEART BEATS"
+        image="https://www.beatlive.kr/og_img.png"
+      />
       <QueryClientProvider client={queryClient}>
         <MuiThemeProvider theme={darkTheme}>
           <ThemeProvider theme={theme}>