sgdevcamp2025 · KimKyuHoi · Jan 29, 2025 · Jan 27, 2025 · Jan 27, 2025 · Jan 27, 2025
diff --git a/src/frontend/apps/web/app/(main)/[stockSlug]/page.tsx b/src/frontend/apps/web/app/(main)/[stockSlug]/page.tsx
@@ -0,0 +1,30 @@
+import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@workspace/ui/components';
+
+import Chatbox from '@/src/features/chat/chatbox';
+
+// 주식데이터를 가지고 올수있는 방법이 필요합니다.
+
+export async function generateMetadata({ params }) {
+  const { stockSlug } = params;
+
+  return {
+    title: `${stockSlug} - 주식 정보`,
+    description: `${stockSlug}의 최신 주식 정보를 확인하세요.`,
+    keywords: `주식, ${stockSlug}, 주식 정보`,
+  };
+}
+
+export default function StockDetailsPage({ params }) {
+  const { stockSlug } = params;
+  // console.log(1, params);
+
+  return (
+    <div className="flex flex-1 flex-row">
+      <div className="flex items-center justify-center bg-gray-200 w-[45%] h-full">Stock Chart</div>
+
+      <div className="flex items-center justify-center py-6 pr-[30px] pl-2 bg-gray-400 w-[55%] h-full">
+        <Chatbox />
+      </div>
+    </div>
+  );
+}
diff --git a/src/frontend/apps/web/app/(main)/layout.tsx b/src/frontend/apps/web/app/(main)/layout.tsx
@@ -0,0 +1,19 @@
+import '@workspace/ui/globals.css';
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="en"
+      suppressHydrationWarning
+    >
+      <body>
+        <header className="h-[68px] bg-gray-800 flex items-center justify-center text-white">Header</header>
+        <div className="flex flex-col h-[calc(100vh-68px)] overflow-hidden">{children}</div>
+      </body>
+    </html>
+  );
+}
diff --git a/src/frontend/apps/web/app/page.tsx → src/frontend/apps/web/app/(main)/page.tsx b/src/frontend/apps/web/app/page.tsx → src/frontend/apps/web/app/(main)/page.tsx
@@ -1,11 +1,15 @@
 import { Button } from '@workspace/ui/components';
+import Link from 'next/link';
 
 export default function Page() {
+  // 버튼 예시
   return (
     <div className="flex items-center justify-center min-h-svh">
       <div className="flex flex-col items-center justify-center gap-4">
         <h1 className="text-2xl font-bold">Hello World</h1>
-        <Button size="sm">Button</Button>
+        <Button size="sm">
+          <Link href="/tesla">Button</Link>
+        </Button>
       </div>
     </div>
   );

diff --git a/src/frontend/apps/web/app/layout.tsx b/src/frontend/apps/web/app/layout.tsx
@@ -1,7 +1,6 @@
 import localFont from 'next/font/local';
 
 import '@workspace/ui/globals.css';
-import { Providers } from '@/src/shared';
 
 const geistSans = localFont({
   src: './fonts/GeistVF.woff',
@@ -23,7 +22,7 @@ export default function RootLayout({
       suppressHydrationWarning
     >
       <body className={`${geistSans.variable} ${geistMono.variable} font-sans antialiased `}>
-        <Providers>{children}</Providers>
+        <div>{children}</div>
       </body>
     </html>
   );

diff --git a/src/frontend/apps/web/app/not-found.tsx b/src/frontend/apps/web/app/not-found.tsx
@@ -0,0 +1,18 @@
+import Link from 'next/link';
+import { NextPage } from 'next';
+import { Button } from '@workspace/ui/components';
+
+const NotFound: NextPage = () => {
+  return (
+    <div className="flex items-center justify-center min-h-svh">
+      <div className="flex flex-col items-center justify-center gap-4">
+        <div>이 페이지는 존재하지 않습니다. 매인 페이지로 이동하세요.</div>
+        <Button>
+          <Link href="/">메인페이지로 이동하기</Link>
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default NotFound;
diff --git a/src/frontend/apps/web/src/features/chat/.keep b/src/frontend/apps/web/src/features/chat/.keep
diff --git a/src/frontend/apps/web/src/features/chat/chatbox.tsx b/src/frontend/apps/web/src/features/chat/chatbox.tsx
@@ -0,0 +1,5 @@
+const Chatbox = () => {
+  return <div className="bg-gray-200 w-full h-full">123</div>;
+};
+
+export default Chatbox;