From b425bd3060e71ae47a8b1e212b8a3fd06cbbf2ea Mon Sep 17 00:00:00 2001
From: seoko97 <sukho1007@naver.com>
Date: Thu, 5 Dec 2024 17:56:26 +0900
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20NotSupportedMobile=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/components/NotSupportedMobile.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 apps/web/src/components/NotSupportedMobile.tsx

diff --git a/apps/web/src/components/NotSupportedMobile.tsx b/apps/web/src/components/NotSupportedMobile.tsx
new file mode 100644
index 00000000..73c66030
--- /dev/null
+++ b/apps/web/src/components/NotSupportedMobile.tsx
@@ -0,0 +1,15 @@
+import TicleCharacterBadge from '@/assets/images/ticle-character-badge.png';
+import TicleLogo from '@/assets/ticle.svg?react';
+
+function NotSupportedMobile() {
+  return (
+    <div className="flex h-dvh w-full flex-col items-center justify-center gap-8 px-2">
+      <img src={TicleCharacterBadge} alt="티클 캐릭터" width={150} height={150} />
+      <TicleLogo className="fill-primary" width={190} />
+      <h1 className="text-center text-2xl font-bold">모바일 환경은 지원하지 않습니다</h1>
+      <p className="text-center">데스크톱 브라우저에서 접속해주세요.</p>
+    </div>
+  );
+}
+
+export default NotSupportedMobile;

From a1550402ac7a335fc3b0a490e384d38bf5fb7ecd Mon Sep 17 00:00:00 2001
From: seoko97 <sukho1007@naver.com>
Date: Thu, 5 Dec 2024 17:56:35 +0900
Subject: [PATCH 2/4] =?UTF-8?q?feat:=20NotFound=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/components/NotFound.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 apps/web/src/components/NotFound.tsx

diff --git a/apps/web/src/components/NotFound.tsx b/apps/web/src/components/NotFound.tsx
new file mode 100644
index 00000000..071993cf
--- /dev/null
+++ b/apps/web/src/components/NotFound.tsx
@@ -0,0 +1,20 @@
+import { Link } from '@tanstack/react-router';
+
+import TicleCharacterBadge from '@/assets/images/ticle-character-badge.png';
+import TicleLogo from '@/assets/ticle.svg?react';
+import Button from '@/components/common/Button';
+
+function NotFound() {
+  return (
+    <div className="flex h-dvh w-full flex-col items-center justify-center gap-8 px-2">
+      <img src={TicleCharacterBadge} alt="티클 캐릭터" width={150} height={150} />
+      <TicleLogo className="fill-primary" width={190} />
+      <h1 className="text-center text-2xl font-bold">페이지가 존재하지 않습니다</h1>
+      <Link to="/">
+        <Button>홈으로 돌아가기</Button>
+      </Link>
+    </div>
+  );
+}
+
+export default NotFound;

From 0d2b935ee23c01fa3e465ca2611bff5e24592280 Mon Sep 17 00:00:00 2001
From: seoko97 <sukho1007@naver.com>
Date: Thu, 5 Dec 2024 17:56:43 +0900
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=EC=A7=80=EC=9B=90=EB=90=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20?=
 =?UTF-8?q?=EA=B2=BD=EC=9A=B0=20NotSupportedMobile=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/routes/__root.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index f3ef751b..0244f2c3 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -1,12 +1,19 @@
 import { Outlet, ScrollRestoration, createRootRoute } from '@tanstack/react-router';
 
+import NotFound from '@/components/NotFound';
+import NotSupportedMobile from '@/components/NotSupportedMobile';
 import { ToastContainer } from '@/components/toast/ToastContainer';
 
 export const Route = createRootRoute({
   component: RootComponent,
+  notFoundComponent: NotFound,
 });
 
 function RootComponent() {
+  if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+    return <NotSupportedMobile />;
+  }
+
   return (
     <div className="h-full min-h-dvh bg-weak">
       <ScrollRestoration />

From 590628345356d498ee37f52dcb3bda2cd55ecf6c Mon Sep 17 00:00:00 2001
From: seoko97 <sukho1007@naver.com>
Date: Thu, 5 Dec 2024 18:59:42 +0900
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=EC=86=8C=EC=BC=93=20=EC=97=B0?=
 =?UTF-8?q?=EA=B2=B0=20=ED=95=B4=EC=A0=9C=20=EC=8B=9C=20=EB=84=A4=EB=B9=84?=
 =?UTF-8?q?=EA=B2=8C=EC=9D=B4=EC=85=98=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/hooks/mediasoup/useSocket.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/src/hooks/mediasoup/useSocket.ts b/apps/web/src/hooks/mediasoup/useSocket.ts
index 9675cb66..018eda2e 100644
--- a/apps/web/src/hooks/mediasoup/useSocket.ts
+++ b/apps/web/src/hooks/mediasoup/useSocket.ts
@@ -50,7 +50,6 @@ const useSocket = (): UseSocketReturn => {
       });
 
       socket.on(SOCKET_EVENTS.disconnect, () => {
-        navigate({ to: '/', replace: true });
         setIsConnected(false);
         setIsError(null);
       });