허들 로직 연결

src/frontend/apps/web/app/stock/[stockSlug]/huddle/page.tsx

@@ -1,6 +1,5 @@
 import HuddleContainer from '@/src/features/video/ui/HuddleContainer';
 
-//허들 테스트를 위한 임시페이지(삭제예정)
 const HuddleTest = () => {
   return <HuddleContainer />;
 };

src/frontend/apps/web/src/features/video/model/config.ts

@@ -0,0 +1,21 @@
+export const STOMP_SERVER_URL = process.env.NEXT_PUBLIC_STOMP_SERVER;
+
+export const RTC_CONFIGURATION = {
+  iceServers: [
+    { urls: process.env.NEXT_PUBLIC_STUN_SERVER },
+    {
+      urls: process.env.NEXT_PUBLIC_TRUN_SERVER,
+      username: process.env.NEXT_PUBLIC_TURN_USERNAME,
+      credential: process.env.NEXT_PUBLIC_TURN_CREDENTIAL,
+    },
+  ],
+  iceTransportPolicy: 'all',
+  bundlePolicy: 'max-bundle',
+  iceCandidatePoolSize: 0,
+} as RTCConfiguration;
+
+export const STOMP_PATH = {
+  PUB_URL: process.env.NEXT_PUBLIC_PUB_URL,
+  SUB_URL: process.env.NEXT_PUBLIC_SUB_URL,
+  PRIVATE_SUB_URL: process.env.NEXT_PUBLIC_PRIVATE_SUB_URL,
+};

src/frontend/apps/web/src/features/video/model/huddle.type.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+
+export type HuddleProps = {
+  userId: number;
+  setUserId: (value: number) => void;
+
+  channelId: number;
+  setChannelId: (value: number) => void;
+
+  isSetupConfirmed: boolean;
+  setIsSetupConfirmed: (value: boolean) => void;
+
+  joinRoom: () => void;
+  leaveRoom: () => void;
+
+  localVideoRef: RefObject<HTMLVideoElement>;
+  videoRefs: RefObject<{ [key: string]: HTMLVideoElement | null }>;
+};