Open a pull request

README.md

@@ -1 +1,2 @@
-# FE_deploy
+# FE_deploy
+https://statuesque-actress-59a.notion.site/Poppy-Mail-9e28161da0ed430c9685461d2b4a9edb

package.json

@@ -13,7 +13,9 @@
     "react-scripts": "4.0.3",
     "sass": "^1.37.5",
     "styled-components": "^5.3.0",
-    "swiper": "^6.8.1"
+    "swiper": "^6.8.1",
+    "dom-to-image": "^2.6.0",
+    "file-saver": "^2.0.5"
   },
   "scripts": {
     "start": "react-scripts start",

public/index.html

@@ -5,17 +5,22 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
       integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
       crossorigin="anonymous"
     />
+    <meta property="og:title" content="POPPY MAIL" />
+    <meta
+      property="og:description"
+      content="친구들이 써 준 편지를 미래의 랜덤한 날에 받아보세요!"
+    />
+    <meta
+      property="og:image"
+      content="https://i.ibb.co/5cdNCCt/Link-Thumbnail.png"
+    />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/