Merge pull request #429 from sharemindteam/feat/helmet_426

[Fix] React Helmet 검색엔진 반영 안되는 이슈 배포 테스트
sharemindteam · Dec 23, 2024 · 88e4476 · 88e4476
2 parents a2ec0d1 + 18d3150
commit 88e4476
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/public/index.html b/public/index.html
@@ -84,10 +84,6 @@
     />
 
     <meta name="theme-color" content="#ffffff" />
-    <meta
-      name="description"
-      content="나와 비슷한 경험을 공유하는 사람들과 익명으로 부담없이 연애상담을 나눠보세요."
-    />
 
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.ico" />
     <!--
@@ -104,7 +100,6 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>셰어마인드 - 경험 공유 연애상담 플랫폼</title>
   </head>
 
   <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,8 +1,16 @@
 import Router from 'Router';
+import { Helmet } from 'react-helmet';
 
 function App() {
   return (
     <div className="App" style={{ height: '100%', width: '100%' }}>
+      <Helmet>
+        <title>셰어마인드 - 경험 공유 연애상담 플랫폼</title>
+        <meta
+          name="description"
+          content="나와 비슷한 경험을 공유하는 사람들과 익명으로 부담없이 연애상담을 나눠보세요."
+        />
+      </Helmet>
       <Router />
     </div>
   );

diff --git a/src/components/Buyer/BuyerOpenConsultDetail/MainQuestionSection.tsx b/src/components/Buyer/BuyerOpenConsultDetail/MainQuestionSection.tsx
@@ -131,10 +131,13 @@ function MainQuestionSection() {
 
   return (
     <>
-      <Helmet>
-        <title>{`${card?.title} | 셰어마인드 공개 상담`}</title>
-        <meta name="description" content={card?.content} />
-      </Helmet>
+      {card && (
+        <Helmet>
+          <title>{`${card?.title} | 셰어마인드 공개 상담`}</title>
+          <meta name="description" content={card?.content} />
+        </Helmet>
+      )}
+
       <MainQuestionWrapper>
         <MainQuestionText>
           <div className="row1">