From 1269d0a25cbcb31a54e5415a63272ef00b5abb8e Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 9 Aug 2024 02:44:40 +0000
Subject: [PATCH 1/2] Create draft PR for #370


From 547c177f7ce79ae256433c9e95dccfa46127756a Mon Sep 17 00:00:00 2001
From: Jeongwoo Park <121204715+lurgi@users.noreply.github.com>
Date: Fri, 9 Aug 2024 12:17:25 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20nav=20=EA=B2=BD=EB=A1=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/CopyToClipboard/index.tsx  | 15 +++++++++------
 .../components/common/CopyToClipboard/style.ts   | 16 +++++++++-------
 .../dashboard/DashboardCreate/Finish/index.tsx   |  2 +-
 frontend/src/main.tsx                            | 10 +++++-----
 frontend/src/mocks/handlers/dashboardHandlers.ts |  2 +-
 frontend/src/pages/Dashboard/index.tsx           |  2 +-
 6 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/common/CopyToClipboard/index.tsx b/frontend/src/components/common/CopyToClipboard/index.tsx
index 262fe3262..5b58b5c0c 100644
--- a/frontend/src/components/common/CopyToClipboard/index.tsx
+++ b/frontend/src/components/common/CopyToClipboard/index.tsx
@@ -1,5 +1,6 @@
 import useCopyToClipboard from '@hooks/utils/useCopyToClipboard';
 import { HiClipboard, HiClipboardCheck } from 'react-icons/hi';
+import { Link } from 'react-router-dom';
 import IconButton from '../IconButton';
 import S from './style';
 
@@ -13,12 +14,14 @@ export default function CopyToClipboard({ url }: CopyLinkClipboardProps) {
   return (
     <S.Wrapper>
       <S.LinkContainer>
-        <S.Link
-          href={url}
-          target="_blank"
-          rel="noreferrer"
-        >
-          {url}
+        <S.Link>
+          <Link
+            to={url}
+            target="_blank"
+            rel="noreferrer"
+          >
+            {url}
+          </Link>
         </S.Link>
       </S.LinkContainer>
 
diff --git a/frontend/src/components/common/CopyToClipboard/style.ts b/frontend/src/components/common/CopyToClipboard/style.ts
index 217feb5eb..a82f8fe8d 100644
--- a/frontend/src/components/common/CopyToClipboard/style.ts
+++ b/frontend/src/components/common/CopyToClipboard/style.ts
@@ -26,13 +26,15 @@ const LinkContainer = styled.div`
   width: 90%;
 `;
 
-const Link = styled.a`
-  ${({ theme }) => theme.typography.common.small};
-  color: ${({ theme }) => theme.colors.link};
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+const Link = styled.span`
+  a {
+    ${({ theme }) => theme.typography.common.small};
+    color: ${({ theme }) => theme.colors.link};
+
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 `;
 
 const S = {
diff --git a/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx
index 0fee10c1b..edbf93b87 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Finish/index.tsx
@@ -21,7 +21,7 @@ export default function Finish({ postUrl, postId }: FinishProps) {
     <S.Container>
       <S.Icon>🎉</S.Icon>
       <S.Message>공고가 게시됐어요!</S.Message>
-      <CopyToClipboard url={postUrl} />
+      <CopyToClipboard url={`https://${postUrl}`} />
       <Button
         size="sm"
         color="white"
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 6f2a5827f..42581b793 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -26,11 +26,11 @@ Sentry.init({
 });
 
 async function setPrev() {
-  // if (process.env.NODE_ENV === 'development') {
-  //   Sentry.getCurrentScope().setLevel('info');
-  //   const worker = await import('@mocks/browser');
-  //   await worker.default.start();
-  // }
+  if (process.env.NODE_ENV === 'development') {
+    Sentry.getCurrentScope().setLevel('info');
+    const worker = await import('@mocks/browser');
+    await worker.default.start();
+  }
   if (process.env.NODE_ENV === 'production') {
     ReactGA.initialize(process.env.GA_MEASUREMENT_ID);
   }
diff --git a/frontend/src/mocks/handlers/dashboardHandlers.ts b/frontend/src/mocks/handlers/dashboardHandlers.ts
index 8b0256627..883891052 100644
--- a/frontend/src/mocks/handlers/dashboardHandlers.ts
+++ b/frontend/src/mocks/handlers/dashboardHandlers.ts
@@ -19,7 +19,7 @@ const dashboardHandlers = [
 
     const responseBody = JSON.stringify({
       postId: 1,
-      postUrl: 'https://www.hihi.hjihihiaeraewraeraewraew.com',
+      postUrl: 'www.hihi.hjihihiaeraewraeraewraew.com',
     });
 
     return new Response(responseBody, {
diff --git a/frontend/src/pages/Dashboard/index.tsx b/frontend/src/pages/Dashboard/index.tsx
index 83c7fa355..b73b2e455 100644
--- a/frontend/src/pages/Dashboard/index.tsx
+++ b/frontend/src/pages/Dashboard/index.tsx
@@ -29,7 +29,7 @@ export default function Dashboard() {
     <S.AppContainer>
       <S.Title>{title}</S.Title>
 
-      <Tab postUrl={postUrl}>
+      <Tab postUrl={`https://${postUrl}`}>
         {Object.values(DASHBOARD_TAB_MENUS).map((label) => (
           <Tab.TabItem
             key={label}