[FE] CD test (#233)

* ci: sentry 초기 설정 * chore: 서비스 타이틀 대문자로 변경 * chore: merge
woowacourse-teams · Aug 7, 2024 · 38b6dc7 · 38b6dc7
1 parent 1d75ffb
commit 38b6dc7
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 28 deletions.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -1,32 +1,31 @@
 <!doctype html>
 <html lang="ko">
+  <head>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SZC67V55PW"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
 
-<head>
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SZC67V55PW"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
 
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
+      gtag('config', 'G-SZC67V55PW');
+    </script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
+    <link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css" rel="stylesheet" />
+    <title>REVIEW ME</title>
+  </head>
 
-    gtag('config', 'G-SZC67V55PW');
-  </script>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"
-    rel="stylesheet" />
-  <link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css" rel="stylesheet" />
-  <title>review me</title>
-
-</head>
-
-<body>
-  <div id="root"></div>
-</body>
-
-</html>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -25,10 +25,11 @@ const baseUrlPattern = new RegExp(`^${process.env.API_BASE_URL?.replace(/[-\/\\^
 Sentry.init({
   dsn: `${process.env.SENTRY_DSN}`,
   enabled: !isDev,
-  integrations: [Sentry.browserTracingIntegration()],
   environment: 'production',
   tracesSampleRate: 1.0,
   tracePropagationTargets: [baseUrlPattern],
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
 });
 
 const queryClient = new QueryClient({

diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
@@ -61,6 +61,11 @@ module.exports = (env, argv) => {
         systemvars: true,
         path: './.env',
       }),
+      sentryWebpackPlugin({
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+        org: 'review-me',
+        project: 'review-me',
+      }),
     ],
     devtool: isProduction ? 'hidden-source-map' : 'eval',
     devServer: {