feat: og image 교체

index.html

@@ -22,7 +22,7 @@
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://uhdre-gamdi.netlify.app/">
   <meta property="og:title" content="제주 휠체어 관광지 250곳 중 '어드레감디'">
-  <meta property="og:image" content="https://ik.imagekit.io/pierong/og.jpg?updatedAt=1681394423615">
+  <meta property="og:image" content="https://ik.imagekit.io/pierong/uhdre-gamdi?updatedAt=1681738668832">
   <meta property="og:image:width" content="600">
   <meta property="og:image:height" content="300">
   <meta property="og:description" content="‘어드레감디’ 휠체어 사용자를 위한 제주 관광지 추천 서비스">

package.json

@@ -20,6 +20,7 @@
     "react-slick": "^0.29.0",
     "slick-carousel": "^1.8.1",
     "styled-components": "^5.3.9",
+    "web-vitals": "^3.3.1",
     "zustand": "^4.3.6"
   },
   "devDependencies": {

src/main.tsx

@@ -4,6 +4,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { client } from './apollo'
 import App from './App'
+import reportWebVitals from './webVitals'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
@@ -12,3 +13,4 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     </ApolloProvider>
   </React.StrictMode>,
 )
+reportWebVitals(() => {})

src/webVitals.ts

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry)
+      getFID(onPerfEntry)
+      getFCP(onPerfEntry)
+      getLCP(onPerfEntry)
+      getTTFB(onPerfEntry)
+    })
+  }
+}
+
+export default reportWebVitals

yarn.lock

@@ -4000,6 +4000,11 @@ web-streams-polyfill@^3.2.1:
   resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz#71c2718c52b45fd49dbeee88634b3a60ceab42a6"
   integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
 
+web-vitals@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-3.3.1.tgz#f80e4fd01784476c023c8b2c4219075bbe96f64d"
+  integrity sha512-LTfY5GjcY3ngFzNsYFSYL+AmVmlWrzPTUxSMDis2rZbf+SzT7HH3NH4Y/l45XOlrAIunOBeURN9qtBHkRskAiA==
+
 webcrypto-core@^1.7.7:
   version "1.7.7"
   resolved "https://registry.yarnpkg.com/webcrypto-core/-/webcrypto-core-1.7.7.tgz#06f24b3498463e570fed64d7cab149e5437b162c"