depromeet · donghunee · Jul 6, 2024 · Jul 6, 2024 · Jul 6, 2024 · Jul 6, 2024
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,63 +1,57 @@
 /* eslint-env node */
 module.exports = {
-    root: true,
-    env: { browser: true, es2020: true },
-    extends: [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:@typescript-eslint/recommended-type-checked",
-        "plugin:react-hooks/recommended",
-        "plugin:react/recommended",
-        "plugin:import/recommended",
-        "prettier",
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:react-hooks/recommended",
+    "plugin:react/recommended",
+    "plugin:import/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: true,
+    tsconfigRootDir: __dirname,
+  },
+  ignorePatterns: ["postcss.config.cjs", "dist", ".eslintrc.cjs", "**/*.cjs"],
+  plugins: ["react-refresh", "react", "import"],
+  rules: {
+    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_", varsIgnorePattern: "^_" }],
+    "react/no-unknown-property": ["error", { ignore: ["css"] }],
+    "@typescript-eslint/no-misused-promises": "off",
+    "react-refresh/only-export-components": ["off", { allowConstantExport: true }],
+    "react/react-in-jsx-scope": "off",
+    "no-restricted-imports": ["error", { patterns: ["../*", "../**/*"] }],
+    "import/newline-after-import": "warn",
+    "import/no-default-export": "warn",
+    "import/order": [
+      "warn",
+      {
+        "newlines-between": "always",
+        alphabetize: {
+          order: "asc",
+          caseInsensitive: true,
+        },
+      },
     ],
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        ecmaVersion: "latest",
-        sourceType: "module",
-        project: true,
-        tsconfigRootDir: __dirname,
-    },
-    ignorePatterns: ["postcss.config.cjs", "dist", ".eslintrc.cjs", "**/*.cjs"],
-    plugins: ["react-refresh", "react", "import"],
-    rules: {
-        "@typescript-eslint/no-unused-vars": [
-            "warn",
-            { argsIgnorePattern: "^_", varsIgnorePattern: "^_" },
-        ],
-        "react/no-unknown-property": ["error", { "ignore": ["css"] }],
-        "@typescript-eslint/no-misused-promises": "off",
-        "react-refresh/only-export-components": [
-            "off",
-            { allowConstantExport: true },
-        ],
-        "react/react-in-jsx-scope": "off",
-        "no-restricted-imports": ["error", { patterns: ["../*", "../**/*"] }],
-        "import/newline-after-import": "warn",
-        "import/no-default-export": "warn",
-        "import/order": [
-            "warn",
-            {
-                "newlines-between": "always",
-                alphabetize: {
-                    order: "asc",
-                    caseInsensitive: true,
-                },
-            },
-        ],
+  },
+  settings: {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"],
     },
-    settings: {
-        "import/parsers": {
-            "@typescript-eslint/parser": [".ts", ".tsx"],
-        },
-        "import/resolver": {
-            typescript: {
-                alwaysTryTypes: true,
-                project: "src/",
-            },
-            node: {
-                "extensions": [".js", ".jsx", ".ts", ".tsx"]
-            }
-        },
+    "import/resolver": {
+      typescript: {
+        alwaysTryTypes: true,
+        project: "src/",
+      },
+      node: {
+        extensions: [".js", ".jsx", ".ts", ".tsx"],
+      },
     },
-};
+  },
+};
diff --git a/index.html b/index.html
@@ -2,12 +2,37 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <!-- FIXME: 추후 디자인 팀 OG 로고 요청 후 수정 -->
+    <link rel="icon" type="image/svg+xml" href="/layer.png" />
+    <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://layerapp.io/" />
+    <meta property="og:title" content="layer" />
+    <!-- FIXME: 추후 디자인 팀 OG 이미지 요청 후 수정 -->
+    <meta
+            property="og:image"
+            content=""
+    />
+    <meta
+            property="og:description"
+            content="layer description"
+    />
+    <meta
+            property="og:site_name"
+            content="layer"
+    />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="description" content="layer description" />
+    <title>layer</title>
   </head>
   <body>
     <div id="root"></div>
+    <div id="modal-root"></div>
+    <div id="toast-root"></div>
+    <div id="bottom-sheet-root"></div>
     <script type="module" src="/src/app.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "@tanstack/react-query": "^5.49.2",
     "@tanstack/react-query-devtools": "^5.49.2",
     "axios": "^1.7.2",
+    "framer-motion": "^11.2.13",
     "jotai": "^2.8.4",
     "jotai-devtools": "^0.10.0",
     "prettier": "^3.2.5",