feat: meta 데이터 필요하면 좋을 것들 추가

vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig, HtmlTagDescriptor } from 'vite';
 import { createHtmlPlugin } from 'vite-plugin-html';
 
 const metaDatas = [
+  // OG
   {
     property: 'og:type',
     content: 'website',
@@ -18,6 +19,44 @@ const metaDatas = [
     property: 'og:description',
     content: '함수형 프로그래밍에 대한 이론과 프론트엔드 개발을 하면서 함수형 프로그래밍을 적용한 사례를 소개합니다.',
   },
+  {
+    property: 'og:locale',
+    content: 'ko_KR',
+  },
+  {
+    property: 'og:site_name',
+    content: '프론트엔드에서 함수형을 추구하면 안되는 걸까?',
+  },
+  {
+    property: 'og:image:width',
+    content: '1200',
+  },
+  {
+    property: 'og:image:height',
+    content: '600',
+  },
+  // Twitter
+  {
+    property: 'twitter:card',
+    content: 'summary',
+  },
+  {
+    property: 'twitter:title',
+    content: '프론트엔드에서 함수형을 추구하면 안되는 걸까?',
+  },
+  {
+    property: 'twitter:description',
+    content: '함수형 프로그래밍에 대한 이론과 프론트엔드 개발을 하면서 함수형 프로그래밍을 적용한 사례를 소개합니다.',
+  },
+  {
+    property: 'twitter:image',
+    content: '/images/og.png',
+  },
+  // ETC
+  {
+    property: 'keywords',
+    content: 'TypeScript, JavaScript, ReactJS, React, Functional Programming, FP, JSConf, JSConf 2022',
+  },
 ];
 
 const generateMetaTag = (meta: typeof metaDatas[number]): HtmlTagDescriptor => ({