seo 최적화 및 네이버 서치 어드바이저 적용 하기 (#97)

* Chore: react-helmet-async prerenderer 설치

* Env: Seo 최적화 설정

* Env: 폰트 스타일 적용

* Env: 네이버 서치 어드바이저 적용

index.html

@@ -25,7 +25,7 @@
     <meta property="og:image:height" content="630" />
 
     <!-- 트위터 카드 메타데이터 -->
-    <meta name="twitter:card" content="https://gdsc-knu.com/WhiteLogo.png" />
+    <meta name="twitter:card" content="summary_large_image" />
     <meta property="twitter:domain" content="gdsc-knu.com" />
     <meta property="twitter:url" content="https://gdsc-knu.com" />
     <meta name="twitter:title" content="GDSC_KNU_OFFICIAL" />
@@ -42,6 +42,12 @@
       content="h92N-3QUPQmQKg5V_Hh-csKDHVrU6dIfhRbUgp8lImY"
     />
 
+    <!-- 네이버 서치 어드바이저 -->
+    <meta
+      name="naver-site-verification"
+      content="591d63b39f14870ba53863f0f1ee27abdc89f5c2"
+    />
+
     <!-- Google tag (gtag.js) -->
     <script
       async

package.json

@@ -31,6 +31,7 @@
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.13",
     "react-ga4": "^2.1.0",
+    "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.51.3",
     "react-hot-toast": "^2.4.1",
     "react-lazy-load-image-component": "^1.6.2",
@@ -43,10 +44,11 @@
   "devDependencies": {
     "@babel/core": "^7.24.5",
     "@babel/preset-env": "^7.24.5",
+    "@prerenderer/renderer-puppeteer": "^1.2.4",
+    "@prerenderer/rollup-plugin": "^0.3.12",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.75",
-    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^18.2.24",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
@@ -63,6 +65,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "prettier": "^3.2.5",
+    "puppeteer": "^23.1.0",
     "typescript": "^5.4.4",
     "vite": "^5.2.8"
   }