From fdb757ddc1cf54fdd84f06c99d94d4b4d507dd72 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 04:19:06 +0900
Subject: [PATCH 01/16] =?UTF-8?q?fix:=20=EB=B0=9C=ED=91=9C=20ID=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B0=98=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20=EA=B5=AC?=
 =?UTF-8?q?=EC=A1=B0=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                   |  4 ++--
 src/components/layout/Gnb.tsx | 10 ++++++----
 src/constants/navigation.ts   | 30 ++++++++++++++++++++++++------
 src/main.tsx                  | 10 ++++++----
 4 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b09fa42b..c248a7ed 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,11 @@ import { Outlet, useLocation } from 'react-router-dom';
 
 import './App.css';
 import { Gnb, Layout } from './components/layout';
-import { DEFAULT_TAB, PATH_TO_TAB } from './constants/navigation';
+import { getTabFromPathname } from './constants/navigation';
 
 function App() {
   const location = useLocation();
-  const activeTab = PATH_TO_TAB[location.pathname] ?? DEFAULT_TAB;
+  const activeTab = getTabFromPathname(location.pathname);
 
   return (
     <Layout
diff --git a/src/components/layout/Gnb.tsx b/src/components/layout/Gnb.tsx
index 2db7fff9..955a8895 100644
--- a/src/components/layout/Gnb.tsx
+++ b/src/components/layout/Gnb.tsx
@@ -1,26 +1,28 @@
-import { Link } from 'react-router-dom';
+import { Link, useParams } from 'react-router-dom';
 
 import clsx from 'clsx';
 
-import { DEFAULT_TAB, TABS, type Tab } from '../../constants/navigation';
+import { DEFAULT_TAB, TABS, type Tab, getTabPath } from '../../constants/navigation';
 
 interface GnbProps {
   activeTab?: Tab;
 }
 
 export function Gnb({ activeTab = DEFAULT_TAB }: GnbProps) {
+  const { presentationId = '' } = useParams<{ presentationId: string }>();
+
   return (
     <nav
       className="flex h-15 items-center justify-center"
       role="tablist"
       aria-label="네비게이션 메뉴"
     >
-      {TABS.map(({ key, label, path }) => {
+      {TABS.map(({ key, label }) => {
         const isActive = activeTab === key;
         return (
           <Link
             key={key}
-            to={path}
+            to={getTabPath(presentationId, key)}
             role="tab"
             id={`tab-${key}`}
             aria-selected={isActive}
diff --git a/src/constants/navigation.ts b/src/constants/navigation.ts
index a547c29a..a3582793 100644
--- a/src/constants/navigation.ts
+++ b/src/constants/navigation.ts
@@ -1,14 +1,32 @@
 export const TABS = [
-  { key: 'slide', label: '슬라이드', path: '/slide' },
-  { key: 'video', label: '영상', path: '/video' },
-  { key: 'insight', label: '인사이트', path: '/insight' },
+  { key: 'slide', label: '슬라이드' },
+  { key: 'video', label: '영상' },
+  { key: 'insight', label: '인사이트' },
 ] as const;
 
 export type Tab = (typeof TABS)[number]['key'];
 
 export const DEFAULT_TAB: Tab = 'slide';
+export const DEFAULT_SLIDE_INDEX = 1;
 
-export const PATH_TO_TAB: Record<string, Tab> = {
-  '/': DEFAULT_TAB,
-  ...Object.fromEntries(TABS.map((tab) => [tab.path, tab.key])),
+/** 탭별 경로 생성 */
+export const getTabPath = (presentationId: string, tab: Tab, slideIndex?: number): string => {
+  switch (tab) {
+    case 'slide':
+      return `/${presentationId}/slide/${slideIndex ?? DEFAULT_SLIDE_INDEX}`;
+    case 'video':
+      return `/${presentationId}/video`;
+    case 'insight':
+      return `/${presentationId}/insight`;
+  }
+};
+
+/** pathname에서 탭 추출 (/:presentationId/:tab/...) */
+export const getTabFromPathname = (pathname: string): Tab => {
+  const segments = pathname.split('/').filter(Boolean);
+  const tabSegment = segments[1];
+
+  if (tabSegment === 'video') return 'video';
+  if (tabSegment === 'insight') return 'insight';
+  return 'slide';
 };
diff --git a/src/main.tsx b/src/main.tsx
index 406b8e1e..b0e7fd9c 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { RouterProvider, createBrowserRouter } from 'react-router-dom';
+import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
 import App from './App';
 import InsightPage from './pages/InsightPage';
@@ -10,15 +10,17 @@ import './styles/index.css';
 
 const router = createBrowserRouter([
   {
-    path: '/',
+    path: '/:presentationId',
     element: <App />,
     children: [
-      { index: true, element: <SlidePage /> }, // DEFAULT_TAB 변경 시 동기화 필요
-      { path: 'slide', element: <SlidePage /> },
+      { index: true, element: <Navigate to="slide/1" replace /> },
+      { path: 'slide/:slideIndex?', element: <SlidePage /> },
       { path: 'video', element: <VideoPage /> },
       { path: 'insight', element: <InsightPage /> },
     ],
   },
+  // 임시: 루트 접근 시 데모 발표로 리다이렉트
+  { path: '/', element: <Navigate to="/demo/slide/1" replace /> },
 ]);
 
 createRoot(document.querySelector('#root')!).render(

From 12d3e7a12fb0f820bf2926b66b720c43c06e25ea Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 04:21:16 +0900
Subject: [PATCH 02/16] =?UTF-8?q?refactor:=20Gnb=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EA=B0=80=20=EB=8F=85=EB=A6=BD=EC=A0=81?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=83=81=ED=83=9C=20=EA=B4=80=EB=A6=AC=20?=
 =?UTF-8?q?(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                   | 12 ++----------
 src/components/layout/Gnb.tsx | 12 +++++-------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index c248a7ed..00d445b9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,19 +1,11 @@
-import { Outlet, useLocation } from 'react-router-dom';
+import { Outlet } from 'react-router-dom';
 
 import './App.css';
 import { Gnb, Layout } from './components/layout';
-import { getTabFromPathname } from './constants/navigation';
 
 function App() {
-  const location = useLocation();
-  const activeTab = getTabFromPathname(location.pathname);
-
   return (
-    <Layout
-      headerLeft={<div>로고</div>}
-      headerCenter={<Gnb activeTab={activeTab} />}
-      headerRight={<div>로그인</div>}
-    >
+    <Layout headerLeft={<div>로고</div>} headerCenter={<Gnb />} headerRight={<div>로그인</div>}>
       <Outlet />
     </Layout>
   );
diff --git a/src/components/layout/Gnb.tsx b/src/components/layout/Gnb.tsx
index 955a8895..4aafcc0c 100644
--- a/src/components/layout/Gnb.tsx
+++ b/src/components/layout/Gnb.tsx
@@ -1,15 +1,13 @@
-import { Link, useParams } from 'react-router-dom';
+import { Link, useLocation, useParams } from 'react-router-dom';
 
 import clsx from 'clsx';
 
-import { DEFAULT_TAB, TABS, type Tab, getTabPath } from '../../constants/navigation';
+import { TABS, getTabFromPathname, getTabPath } from '../../constants/navigation';
 
-interface GnbProps {
-  activeTab?: Tab;
-}
-
-export function Gnb({ activeTab = DEFAULT_TAB }: GnbProps) {
+export function Gnb() {
   const { presentationId = '' } = useParams<{ presentationId: string }>();
+  const location = useLocation();
+  const activeTab = getTabFromPathname(location.pathname);
 
   return (
     <nav

From a9682f384f6604c27bf38af97b7b0a4d4076b139 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 04:22:45 +0900
Subject: [PATCH 03/16] =?UTF-8?q?feat:=20=ED=99=88=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=B6=94=EA=B0=80=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.tsx           | 7 +++++--
 src/pages/HomePage.tsx | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/HomePage.tsx

diff --git a/src/main.tsx b/src/main.tsx
index b0e7fd9c..acbe18ac 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -3,12 +3,17 @@ import { createRoot } from 'react-dom/client';
 import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
 import App from './App';
+import HomePage from './pages/HomePage';
 import InsightPage from './pages/InsightPage';
 import SlidePage from './pages/SlidePage';
 import VideoPage from './pages/VideoPage';
 import './styles/index.css';
 
 const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <HomePage />,
+  },
   {
     path: '/:presentationId',
     element: <App />,
@@ -19,8 +24,6 @@ const router = createBrowserRouter([
       { path: 'insight', element: <InsightPage /> },
     ],
   },
-  // 임시: 루트 접근 시 데모 발표로 리다이렉트
-  { path: '/', element: <Navigate to="/demo/slide/1" replace /> },
 ]);
 
 createRoot(document.querySelector('#root')!).render(
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
new file mode 100644
index 00000000..0624ab42
--- /dev/null
+++ b/src/pages/HomePage.tsx
@@ -0,0 +1,7 @@
+export default function HomePage() {
+  return (
+    <div role="tabpanel" id="tabpanel-slide" aria-labelledby="tab-slide" className="p-8">
+      <h1 className="text-body-m-bold">홈</h1>
+    </div>
+  );
+}

From d167b2ccc125f97f9baa9e7aeb442a0d939b8d23 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 04:28:14 +0900
Subject: [PATCH 04/16] =?UTF-8?q?refactor:=20Layout=EC=9D=98=20props-drill?=
 =?UTF-8?q?ing=20=EA=B0=9C=EC=84=A0=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                      |  2 +-
 src/components/layout/Header.tsx | 17 -----------------
 src/components/layout/Layout.tsx | 16 +++++++++-------
 src/components/layout/index.ts   |  1 -
 4 files changed, 10 insertions(+), 26 deletions(-)
 delete mode 100644 src/components/layout/Header.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 00d445b9..92412a7c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ import { Gnb, Layout } from './components/layout';
 
 function App() {
   return (
-    <Layout headerLeft={<div>로고</div>} headerCenter={<Gnb />} headerRight={<div>로그인</div>}>
+    <Layout logo={<div>로고</div>} nav={<Gnb />} actions={<div>로그인</div>}>
       <Outlet />
     </Layout>
   );
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
deleted file mode 100644
index caf158d9..00000000
--- a/src/components/layout/Header.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-
-interface HeaderProps {
-  left?: ReactNode;
-  center?: ReactNode;
-  right?: ReactNode;
-}
-
-export function Header({ left, center, right }: HeaderProps) {
-  return (
-    <header className="fixed top-0 left-0 right-0 z-50 flex h-15 items-center justify-between border-b border-gray-200 bg-white px-18">
-      <div className="flex items-center">{left}</div>
-      <div className="absolute left-1/2 -translate-x-1/2">{center}</div>
-      <div className="flex items-center">{right}</div>
-    </header>
-  );
-}
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index ff060363..1a0120a5 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -1,18 +1,20 @@
 import type { ReactNode } from 'react';
 
-import { Header } from './Header';
-
 interface LayoutProps {
-  headerLeft?: ReactNode;
-  headerCenter?: ReactNode;
-  headerRight?: ReactNode;
+  logo?: ReactNode;
+  nav?: ReactNode;
+  actions?: ReactNode;
   children?: ReactNode;
 }
 
-export function Layout({ headerLeft, headerCenter, headerRight, children }: LayoutProps) {
+export function Layout({ logo, nav, actions, children }: LayoutProps) {
   return (
     <div className="min-h-screen bg-gray-100">
-      <Header left={headerLeft} center={headerCenter} right={headerRight} />
+      <header className="fixed top-0 left-0 right-0 z-50 flex h-15 items-center justify-between border-b border-gray-200 bg-white px-18">
+        <div className="flex items-center">{logo}</div>
+        <div className="absolute left-1/2 -translate-x-1/2">{nav}</div>
+        <div className="flex items-center">{actions}</div>
+      </header>
       <main className="pt-15">{children}</main>
     </div>
   );
diff --git a/src/components/layout/index.ts b/src/components/layout/index.ts
index e5fd9468..e767316b 100644
--- a/src/components/layout/index.ts
+++ b/src/components/layout/index.ts
@@ -1,3 +1,2 @@
 export { Gnb } from './Gnb';
-export { Header } from './Header';
 export { Layout } from './Layout';

From 23ed1ff2fe4a2e7a189870bf06df6856a0c35861 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 05:01:14 +0900
Subject: [PATCH 05/16] =?UTF-8?q?refactor:=20=ED=8C=8C=EB=9D=BC=EB=AF=B8?=
 =?UTF-8?q?=ED=84=B0=EB=AA=85=20=EB=B3=80=EA=B2=BD=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- presentationId → projectId
- slideIndex → slideId
- DEFAULT_SLIDE_INDEX → DEFAULT_SLIDE_ID
---
 src/components/layout/Gnb.tsx |  4 ++--
 src/constants/navigation.ts   | 13 ++++++-------
 src/main.tsx                  |  4 ++--
 src/pages/index.ts            |  4 ++++
 4 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 src/pages/index.ts

diff --git a/src/components/layout/Gnb.tsx b/src/components/layout/Gnb.tsx
index 4aafcc0c..34a5df6c 100644
--- a/src/components/layout/Gnb.tsx
+++ b/src/components/layout/Gnb.tsx
@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { TABS, getTabFromPathname, getTabPath } from '../../constants/navigation';
 
 export function Gnb() {
-  const { presentationId = '' } = useParams<{ presentationId: string }>();
+  const { projectId = '' } = useParams<{ projectId: string }>();
   const location = useLocation();
   const activeTab = getTabFromPathname(location.pathname);
 
@@ -20,7 +20,7 @@ export function Gnb() {
         return (
           <Link
             key={key}
-            to={getTabPath(presentationId, key)}
+            to={getTabPath(projectId, key)}
             role="tab"
             id={`tab-${key}`}
             aria-selected={isActive}
diff --git a/src/constants/navigation.ts b/src/constants/navigation.ts
index a3582793..bfe129a0 100644
--- a/src/constants/navigation.ts
+++ b/src/constants/navigation.ts
@@ -6,22 +6,21 @@ export const TABS = [
 
 export type Tab = (typeof TABS)[number]['key'];
 
-export const DEFAULT_TAB: Tab = 'slide';
-export const DEFAULT_SLIDE_INDEX = 1;
+export const DEFAULT_SLIDE_ID = '1';
 
 /** 탭별 경로 생성 */
-export const getTabPath = (presentationId: string, tab: Tab, slideIndex?: number): string => {
+export const getTabPath = (projectId: string, tab: Tab, slideId?: string): string => {
   switch (tab) {
     case 'slide':
-      return `/${presentationId}/slide/${slideIndex ?? DEFAULT_SLIDE_INDEX}`;
+      return `/${projectId}/slide/${slideId ?? DEFAULT_SLIDE_ID}`;
     case 'video':
-      return `/${presentationId}/video`;
+      return `/${projectId}/video`;
     case 'insight':
-      return `/${presentationId}/insight`;
+      return `/${projectId}/insight`;
   }
 };
 
-/** pathname에서 탭 추출 (/:presentationId/:tab/...) */
+/** pathname에서 탭 추출 (/:projectId/:tab/...) */
 export const getTabFromPathname = (pathname: string): Tab => {
   const segments = pathname.split('/').filter(Boolean);
   const tabSegment = segments[1];
diff --git a/src/main.tsx b/src/main.tsx
index acbe18ac..7a7182e6 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -15,11 +15,11 @@ const router = createBrowserRouter([
     element: <HomePage />,
   },
   {
-    path: '/:presentationId',
+    path: '/:projectId',
     element: <App />,
     children: [
       { index: true, element: <Navigate to="slide/1" replace /> },
-      { path: 'slide/:slideIndex?', element: <SlidePage /> },
+      { path: 'slide/:slideId?', element: <SlidePage /> },
       { path: 'video', element: <VideoPage /> },
       { path: 'insight', element: <InsightPage /> },
     ],
diff --git a/src/pages/index.ts b/src/pages/index.ts
new file mode 100644
index 00000000..7f371d74
--- /dev/null
+++ b/src/pages/index.ts
@@ -0,0 +1,4 @@
+export { default as HomePage } from './HomePage';
+export { default as InsightPage } from './InsightPage';
+export { default as SlidePage } from './SlidePage';
+export { default as VideoPage } from './VideoPage';

From ef3be4af01914f536d8614067f988f3943934210 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 05:03:07 +0900
Subject: [PATCH 06/16] =?UTF-8?q?refactor:=20App=EA=B3=BC=20Layout=20?=
 =?UTF-8?q?=ED=86=B5=ED=95=A9=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- App.tsx, App.css 삭제
- Layout이 Outlet과 Gnb를 직접 포함
- components/layout/index.ts 삭제 (불필요한 barrel export)
---
 src/App.css                      |  0
 src/App.tsx                      | 14 --------------
 src/components/layout/Layout.tsx | 23 +++++++++++------------
 src/components/layout/index.ts   |  2 --
 src/main.tsx                     |  4 ++--
 5 files changed, 13 insertions(+), 30 deletions(-)
 delete mode 100644 src/App.css
 delete mode 100644 src/App.tsx
 delete mode 100644 src/components/layout/index.ts

diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index 92412a7c..00000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Outlet } from 'react-router-dom';
-
-import './App.css';
-import { Gnb, Layout } from './components/layout';
-
-function App() {
-  return (
-    <Layout logo={<div>로고</div>} nav={<Gnb />} actions={<div>로그인</div>}>
-      <Outlet />
-    </Layout>
-  );
-}
-
-export default App;
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index 1a0120a5..c442ffb2 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -1,21 +1,20 @@
-import type { ReactNode } from 'react';
+import { Outlet } from 'react-router-dom';
 
-interface LayoutProps {
-  logo?: ReactNode;
-  nav?: ReactNode;
-  actions?: ReactNode;
-  children?: ReactNode;
-}
+import { Gnb } from './Gnb';
 
-export function Layout({ logo, nav, actions, children }: LayoutProps) {
+export function Layout() {
   return (
     <div className="min-h-screen bg-gray-100">
       <header className="fixed top-0 left-0 right-0 z-50 flex h-15 items-center justify-between border-b border-gray-200 bg-white px-18">
-        <div className="flex items-center">{logo}</div>
-        <div className="absolute left-1/2 -translate-x-1/2">{nav}</div>
-        <div className="flex items-center">{actions}</div>
+        <div className="flex items-center">로고</div>
+        <div className="absolute left-1/2 -translate-x-1/2">
+          <Gnb />
+        </div>
+        <div className="flex items-center">로그인</div>
       </header>
-      <main className="pt-15">{children}</main>
+      <main className="pt-15">
+        <Outlet />
+      </main>
     </div>
   );
 }
diff --git a/src/components/layout/index.ts b/src/components/layout/index.ts
deleted file mode 100644
index e767316b..00000000
--- a/src/components/layout/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Gnb } from './Gnb';
-export { Layout } from './Layout';
diff --git a/src/main.tsx b/src/main.tsx
index 7a7182e6..a7374885 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
-import App from './App';
+import { Layout } from './components/layout/Layout';
 import HomePage from './pages/HomePage';
 import InsightPage from './pages/InsightPage';
 import SlidePage from './pages/SlidePage';
@@ -16,7 +16,7 @@ const router = createBrowserRouter([
   },
   {
     path: '/:projectId',
-    element: <App />,
+    element: <Layout />,
     children: [
       { index: true, element: <Navigate to="slide/1" replace /> },
       { path: 'slide/:slideId?', element: <SlidePage /> },

From a8e15d8e1f83e30643a0c82576aa3149f90996a5 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 05:03:52 +0900
Subject: [PATCH 07/16] =?UTF-8?q?chore:=20HomePage=20aria=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20pages=20barrel=20export=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- HomePage에서 불필요한 tabpanel aria 속성 제거
- pages/index.ts 추가로 import 정리
---
 src/main.tsx           | 5 +----
 src/pages/HomePage.tsx | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index a7374885..a66de115 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -3,10 +3,7 @@ import { createRoot } from 'react-dom/client';
 import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
 import { Layout } from './components/layout/Layout';
-import HomePage from './pages/HomePage';
-import InsightPage from './pages/InsightPage';
-import SlidePage from './pages/SlidePage';
-import VideoPage from './pages/VideoPage';
+import { HomePage, InsightPage, SlidePage, VideoPage } from './pages';
 import './styles/index.css';
 
 const router = createBrowserRouter([
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 0624ab42..695de143 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,6 +1,6 @@
 export default function HomePage() {
   return (
-    <div role="tabpanel" id="tabpanel-slide" aria-labelledby="tab-slide" className="p-8">
+    <div className="p-8">
       <h1 className="text-body-m-bold">홈</h1>
     </div>
   );

From a842dc84f0fb8c46f001c4dfea806dac82130781 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 05:10:54 +0900
Subject: [PATCH 08/16] =?UTF-8?q?chore:=20path=20alias=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20SlidePage=20id=20=EC=97=B0=EB=8F=99=20(?=
 =?UTF-8?q?#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- vite 및 tsconfig에 @ alias 설정 (src 디렉토리 매핑)
- 상대 경로 import를 절대 경로(@)로 리팩토링
- SlidePage에서 URL 파라미터(slideId)를 받아 표시하도록 개선
---
 src/components/layout/Gnb.tsx | 2 +-
 src/main.tsx                  | 6 +++---
 src/pages/SlidePage.tsx       | 8 +++++++-
 tsconfig.app.json             | 8 +++++++-
 vite.config.ts                | 7 ++++++-
 5 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/components/layout/Gnb.tsx b/src/components/layout/Gnb.tsx
index 34a5df6c..2b125952 100644
--- a/src/components/layout/Gnb.tsx
+++ b/src/components/layout/Gnb.tsx
@@ -2,7 +2,7 @@ import { Link, useLocation, useParams } from 'react-router-dom';
 
 import clsx from 'clsx';
 
-import { TABS, getTabFromPathname, getTabPath } from '../../constants/navigation';
+import { TABS, getTabFromPathname, getTabPath } from '@/constants/navigation';
 
 export function Gnb() {
   const { projectId = '' } = useParams<{ projectId: string }>();
diff --git a/src/main.tsx b/src/main.tsx
index a66de115..90958ea1 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,9 +2,9 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
-import { Layout } from './components/layout/Layout';
-import { HomePage, InsightPage, SlidePage, VideoPage } from './pages';
-import './styles/index.css';
+import { Layout } from '@/components/layout/Layout';
+import { HomePage, InsightPage, SlidePage, VideoPage } from '@/pages';
+import '@/styles/index.css';
 
 const router = createBrowserRouter([
   {
diff --git a/src/pages/SlidePage.tsx b/src/pages/SlidePage.tsx
index 7e3229fb..8d4d50cd 100644
--- a/src/pages/SlidePage.tsx
+++ b/src/pages/SlidePage.tsx
@@ -1,7 +1,13 @@
+import { useParams } from 'react-router-dom';
+
+import { DEFAULT_SLIDE_ID } from '@/constants/navigation';
+
 export default function SlidePage() {
+  const { slideId = DEFAULT_SLIDE_ID } = useParams<{ slideId: string }>();
+
   return (
     <div role="tabpanel" id="tabpanel-slide" aria-labelledby="tab-slide" className="p-8">
-      <h1 className="text-body-m-bold">슬라이드</h1>
+      <h1 className="text-body-m-bold">슬라이드 {slideId}</h1>
     </div>
   );
 }
diff --git a/tsconfig.app.json b/tsconfig.app.json
index c8fd2896..595827e4 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -21,7 +21,13 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+
+    /* Paths */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["src"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index aa4c0c5c..d07dd82a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,9 +1,14 @@
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react-swc';
-
+import path from 'path';
 import { defineConfig } from 'vite';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
 });

From 62e3b64b74b2ad7ef133ec52e767dc55ee6ae2ff Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 15:12:30 +0900
Subject: [PATCH 09/16] =?UTF-8?q?chore:=20=EB=A1=9C=EA=B3=A0=20assets=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/logo-full.svg     |  13 +++++++++++++
 src/assets/logo-full@4x.webp | Bin 0 -> 5744 bytes
 src/assets/logo-icon.svg     |   4 ++++
 src/assets/logo-icon@4x.webp | Bin 0 -> 2556 bytes
 4 files changed, 17 insertions(+)
 create mode 100644 src/assets/logo-full.svg
 create mode 100644 src/assets/logo-full@4x.webp
 create mode 100644 src/assets/logo-icon.svg
 create mode 100644 src/assets/logo-icon@4x.webp

diff --git a/src/assets/logo-full.svg b/src/assets/logo-full.svg
new file mode 100644
index 00000000..b1cd86c8
--- /dev/null
+++ b/src/assets/logo-full.svg
@@ -0,0 +1,13 @@
+<svg width="94" height="32" viewBox="0 0 94 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_584_7838)">
+<path d="M57.1968 17.0762H47.7421C47.7421 17.0762 47.7303 9.83634 47.7421 8.44041C47.754 7.04448 47.9188 6.07969 48.893 5.10175C49.8672 4.12381 50.7808 3.95425 52.3851 3.95425H57.2206V8.44041H52.3851V12.6137H57.1968V17.0762ZM67.5941 17.0762H58.1394V3.95425H67.5941V8.44041H62.7824V12.6137H67.5941V17.0762ZM68.7304 25.7594H49.3926C49.3926 25.7594 47.4389 25.8619 46.9802 25.4111C46.5201 24.9602 46.6308 23.5406 46.6308 23.5406V21.3219H55.3117V17.9937H60.1471V21.3219H68.7304V25.7607V25.7594ZM71.2694 17.8478V8.92281H78.4989V7.23376H71.1007V3.76102H83.1181V12.2273H75.8887V14.1082L85.9234 13.288V3.59278C85.9234 3.59278 89.5302 3.44688 90.1683 4.55363C90.8063 5.65907 90.7602 8.75456 90.7602 8.75456H93.4204V13.0002H90.7602V17.5836H85.9247V16.7634L71.2721 17.8491L71.2694 17.8478Z" fill="#4F5BFF"/>
+<path d="M81.5072 25.2319C82.5843 25.2319 83.5242 25.0479 84.2796 24.7259C85.035 24.3802 85.4252 23.9661 85.4252 23.4824C85.4252 22.9987 85.035 22.5847 84.2796 22.239C83.5229 21.9169 82.5843 21.7329 81.5072 21.7329C80.4302 21.7329 79.514 21.9169 78.7573 22.239C77.9782 22.5847 77.6117 22.9987 77.6117 23.4824C77.6117 23.9661 77.9782 24.3802 78.7573 24.7259C79.514 25.0479 80.4302 25.2319 81.5072 25.2319ZM81.6668 28.3169C79.1238 28.3169 76.9473 27.8332 75.1373 26.8894C73.3273 25.9457 72.4111 24.8179 72.4111 23.4824C72.4111 22.147 73.3273 21.0192 75.1373 20.0754C76.9473 19.1317 79.1238 18.6479 81.6668 18.6479C84.2097 18.6479 86.4099 19.1317 88.2199 20.0754C90.0299 21.0192 90.9237 22.147 90.9237 23.4824C90.9237 24.8179 90.0299 25.9457 88.2199 26.8894C86.4099 27.8332 84.2334 28.3169 81.6668 28.3169Z" fill="#4F5BFF"/>
+</g>
+<path d="M16.648 2.5512C21.6965 3.96019 24.647 9.19505 23.238 14.2436C23.2249 14.2904 23.2113 14.337 23.1976 14.3834C21.6948 19.5842 18.4955 23.8431 14.371 26.7257C13.5251 27.3169 12.6397 26.0603 13.2398 25.2207C13.3813 25.0226 13.5195 24.8216 13.6542 24.6177C14.6292 23.1416 13.2496 21.3091 11.5456 20.8336C6.49708 19.4246 3.54665 14.1897 4.95564 9.14118C6.36462 4.09265 11.5995 1.14221 16.648 2.5512Z" fill="#5E82F7"/>
+<path d="M31.7525 2.5512C36.801 3.96019 39.7515 9.19505 38.3425 14.2436C38.3294 14.2904 38.3158 14.337 38.3021 14.3834C36.7993 19.5842 33.6 23.8431 29.4755 26.7257C28.6296 27.3169 27.7442 26.0603 28.3443 25.2207C28.4858 25.0226 28.624 24.8216 28.7587 24.6177C29.7337 23.1416 28.3541 21.3091 26.6501 20.8336C21.6016 19.4246 18.6511 14.1897 20.0601 9.14118C21.4691 4.09265 26.704 1.14221 31.7525 2.5512Z" fill="#4F5BFF"/>
+<defs>
+<clipPath id="clip0_584_7838">
+<rect width="46.7988" height="24.7442" fill="white" transform="translate(46.6191 3.58618)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/logo-full@4x.webp b/src/assets/logo-full@4x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9b9dfd64f0eee8ef5e0687a346d83955406090e2
GIT binary patch
literal 5744
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

literal 0
HcmV?d00001

diff --git a/src/assets/logo-icon.svg b/src/assets/logo-icon.svg
new file mode 100644
index 00000000..2da245ed
--- /dev/null
+++ b/src/assets/logo-icon.svg
@@ -0,0 +1,4 @@
+<svg width="41" height="32" viewBox="0 0 41 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.648 2.5512C21.6965 3.96019 24.647 9.19505 23.238 14.2436C23.2249 14.2904 23.2113 14.337 23.1976 14.3834C21.6948 19.5842 18.4955 23.8431 14.371 26.7257C13.5251 27.3169 12.6397 26.0603 13.2398 25.2207C13.3813 25.0226 13.5195 24.8216 13.6542 24.6177C14.6292 23.1416 13.2496 21.3091 11.5456 20.8336C6.49708 19.4246 3.54665 14.1897 4.95564 9.14118C6.36462 4.09265 11.5995 1.14221 16.648 2.5512Z" fill="#5E82F7"/>
+<path d="M31.7525 2.5512C36.801 3.96019 39.7515 9.19505 38.3425 14.2436C38.3294 14.2904 38.3158 14.337 38.3021 14.3834C36.7993 19.5842 33.6 23.8431 29.4755 26.7257C28.6296 27.3169 27.7442 26.0603 28.3443 25.2207C28.4858 25.0226 28.624 24.8216 28.7587 24.6177C29.7337 23.1416 28.3541 21.3091 26.6501 20.8336C21.6016 19.4246 18.6511 14.1897 20.0601 9.14118C21.4691 4.09265 26.704 1.14221 31.7525 2.5512Z" fill="#4F5BFF"/>
+</svg>
diff --git a/src/assets/logo-icon@4x.webp b/src/assets/logo-icon@4x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1a3c03fba68e23f753c86a079cf7f5b297a10317
GIT binary patch
literal 2556
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
S1&jZd0y$A&000000001B%<yOc

literal 0
HcmV?d00001


From bfcf68f5f73d815c6166a8e786086b189f63c16a Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 15:15:04 +0900
Subject: [PATCH 10/16] =?UTF-8?q?refactor:=20Layout=20=EB=A1=9C=EA=B3=A0?=
 =?UTF-8?q?=20=EC=9D=98=EC=A1=B4=EC=84=B1=20=EC=A0=9C=EA=B1=B0=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Layout: 내부 로고 의존성 제거
- main.tsx: 라우터 설정에서 레이아웃 조합 방식 개선
---
 src/components/common/LoginButton.tsx |  9 +++++++++
 src/components/common/Logo.tsx        | 12 ++++++++++++
 src/components/common/index.ts        |  2 ++
 src/components/layout/Layout.tsx      | 21 +++++++++++++--------
 src/main.tsx                          | 18 ++++++++++++++++--
 5 files changed, 52 insertions(+), 10 deletions(-)
 create mode 100644 src/components/common/LoginButton.tsx
 create mode 100644 src/components/common/Logo.tsx
 create mode 100644 src/components/common/index.ts

diff --git a/src/components/common/LoginButton.tsx b/src/components/common/LoginButton.tsx
new file mode 100644
index 00000000..87b08fe6
--- /dev/null
+++ b/src/components/common/LoginButton.tsx
@@ -0,0 +1,9 @@
+import { Link } from 'react-router-dom';
+
+export function LoginButton() {
+  return (
+    <Link to="/login" className="flex items-center gap-1 text-body-s-bold text-gray-800">
+      로그인
+    </Link>
+  );
+}
diff --git a/src/components/common/Logo.tsx b/src/components/common/Logo.tsx
new file mode 100644
index 00000000..f8c68393
--- /dev/null
+++ b/src/components/common/Logo.tsx
@@ -0,0 +1,12 @@
+import logoFull from '@/assets/logo-full@4x.webp';
+import logoIcon from '@/assets/logo-icon@4x.webp';
+
+interface LogoProps {
+  variant?: 'full' | 'icon';
+}
+
+export function Logo({ variant = 'full' }: LogoProps) {
+  const src = variant === 'icon' ? logoIcon : logoFull;
+
+  return <img src={src} alt="또랑" className="h-8" />;
+}
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
new file mode 100644
index 00000000..85767d1a
--- /dev/null
+++ b/src/components/common/index.ts
@@ -0,0 +1,2 @@
+export { LoginButton } from './LoginButton';
+export { Logo } from './Logo';
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index c442ffb2..68a71961 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -1,16 +1,21 @@
+import type { ReactNode } from 'react';
 import { Outlet } from 'react-router-dom';
 
-import { Gnb } from './Gnb';
+import { Logo } from '@/components/common';
 
-export function Layout() {
+interface LayoutProps {
+  left?: ReactNode;
+  center?: ReactNode;
+  right?: ReactNode;
+}
+
+export function Layout({ left, center, right }: LayoutProps) {
   return (
     <div className="min-h-screen bg-gray-100">
-      <header className="fixed top-0 left-0 right-0 z-50 flex h-15 items-center justify-between border-b border-gray-200 bg-white px-18">
-        <div className="flex items-center">로고</div>
-        <div className="absolute left-1/2 -translate-x-1/2">
-          <Gnb />
-        </div>
-        <div className="flex items-center">로그인</div>
+      <header className="fixed top-0 right-0 left-0 z-50 flex h-15 items-center justify-between border-b border-gray-200 bg-white px-18">
+        <div className="flex items-center gap-6">{left ?? <Logo />}</div>
+        <div className="absolute left-1/2 -translate-x-1/2">{center}</div>
+        <div className="flex items-center gap-8">{right}</div>
       </header>
       <main className="pt-15">
         <Outlet />
diff --git a/src/main.tsx b/src/main.tsx
index 90958ea1..c626c4f8 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,8 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
+import { LoginButton, Logo } from '@/components/common';
+import { Gnb } from '@/components/layout/Gnb';
 import { Layout } from '@/components/layout/Layout';
 import { HomePage, InsightPage, SlidePage, VideoPage } from '@/pages';
 import '@/styles/index.css';
@@ -9,11 +11,23 @@ import '@/styles/index.css';
 const router = createBrowserRouter([
   {
     path: '/',
-    element: <HomePage />,
+    element: <Layout right={<LoginButton />} />,
+    children: [{ index: true, element: <HomePage /> }],
   },
   {
     path: '/:projectId',
-    element: <Layout />,
+    element: (
+      <Layout
+        left={
+          <>
+            <Logo variant="icon" />
+            <span className="text-body-m-bold text-gray-800">내 발표</span>
+          </>
+        }
+        center={<Gnb />}
+        right={<LoginButton />}
+      />
+    ),
     children: [
       { index: true, element: <Navigate to="slide/1" replace /> },
       { path: 'slide/:slideId?', element: <SlidePage /> },

From 9910aa787f572bc35cc3f6454f8092f9f2d17516 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 15:30:50 +0900
Subject: [PATCH 11/16] =?UTF-8?q?feat:=20=EC=B5=9C=EA=B7=BC=20=EC=A1=B0?=
 =?UTF-8?q?=ED=9A=8C=ED=95=9C=20=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 로컬스토리지에 최근 조회한 슬라이드 저장/조회 구현
- 슬라이드 페이지 이동 시 최근 조회한 슬라이드 조회
- 로고 홈으로 Link
---
 src/components/common/Logo.tsx |  8 +++++++-
 src/constants/navigation.ts    | 14 +++++++++++++-
 src/main.tsx                   |  2 +-
 src/pages/SlidePage.tsx        | 14 ++++++++++++--
 4 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/components/common/Logo.tsx b/src/components/common/Logo.tsx
index f8c68393..e8c364b6 100644
--- a/src/components/common/Logo.tsx
+++ b/src/components/common/Logo.tsx
@@ -1,3 +1,5 @@
+import { Link } from 'react-router-dom';
+
 import logoFull from '@/assets/logo-full@4x.webp';
 import logoIcon from '@/assets/logo-icon@4x.webp';
 
@@ -8,5 +10,9 @@ interface LogoProps {
 export function Logo({ variant = 'full' }: LogoProps) {
   const src = variant === 'icon' ? logoIcon : logoFull;
 
-  return <img src={src} alt="또랑" className="h-8" />;
+  return (
+    <Link to="/">
+      <img src={src} alt="또랑" className="h-8" />
+    </Link>
+  );
 }
diff --git a/src/constants/navigation.ts b/src/constants/navigation.ts
index bfe129a0..ca221dd0 100644
--- a/src/constants/navigation.ts
+++ b/src/constants/navigation.ts
@@ -8,11 +8,23 @@ export type Tab = (typeof TABS)[number]['key'];
 
 export const DEFAULT_SLIDE_ID = '1';
 
+const LAST_SLIDE_KEY_PREFIX = 'lastSlideId:';
+
+/** 마지막으로 본 슬라이드 ID 저장 */
+export const setLastSlideId = (projectId: string, slideId: string): void => {
+  localStorage.setItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`, slideId);
+};
+
+/** 마지막으로 본 슬라이드 ID 조회 */
+export const getLastSlideId = (projectId: string): string => {
+  return localStorage.getItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`) ?? DEFAULT_SLIDE_ID;
+};
+
 /** 탭별 경로 생성 */
 export const getTabPath = (projectId: string, tab: Tab, slideId?: string): string => {
   switch (tab) {
     case 'slide':
-      return `/${projectId}/slide/${slideId ?? DEFAULT_SLIDE_ID}`;
+      return `/${projectId}/slide/${slideId ?? getLastSlideId(projectId)}`;
     case 'video':
       return `/${projectId}/video`;
     case 'insight':
diff --git a/src/main.tsx b/src/main.tsx
index c626c4f8..84e23665 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -11,7 +11,7 @@ import '@/styles/index.css';
 const router = createBrowserRouter([
   {
     path: '/',
-    element: <Layout right={<LoginButton />} />,
+    element: <Layout left={<Logo variant="full" />} right={<LoginButton />} />,
     children: [{ index: true, element: <HomePage /> }],
   },
   {
diff --git a/src/pages/SlidePage.tsx b/src/pages/SlidePage.tsx
index 8d4d50cd..94d9c4ba 100644
--- a/src/pages/SlidePage.tsx
+++ b/src/pages/SlidePage.tsx
@@ -1,9 +1,19 @@
+import { useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 
-import { DEFAULT_SLIDE_ID } from '@/constants/navigation';
+import { DEFAULT_SLIDE_ID, setLastSlideId } from '@/constants/navigation';
 
 export default function SlidePage() {
-  const { slideId = DEFAULT_SLIDE_ID } = useParams<{ slideId: string }>();
+  const { projectId = '', slideId = DEFAULT_SLIDE_ID } = useParams<{
+    projectId: string;
+    slideId: string;
+  }>();
+
+  useEffect(() => {
+    if (projectId && slideId) {
+      setLastSlideId(projectId, slideId);
+    }
+  }, [projectId, slideId]);
 
   return (
     <div role="tabpanel" id="tabpanel-slide" aria-labelledby="tab-slide" className="p-8">

From bf0acb14a9b0f639fbab226fa691670aa0ab41d9 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 15:37:05 +0900
Subject: [PATCH 12/16] =?UTF-8?q?refactor:=20Location=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=9D=BC=20=EB=A1=9C=EA=B3=A0=20=ED=98=95=ED=83=9C=20=EA=B2=B0?=
 =?UTF-8?q?=EC=A0=95=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Logo.tsx | 13 +++++--------
 src/main.tsx                   |  4 ++--
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/common/Logo.tsx b/src/components/common/Logo.tsx
index e8c364b6..973b0b72 100644
--- a/src/components/common/Logo.tsx
+++ b/src/components/common/Logo.tsx
@@ -1,18 +1,15 @@
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 
 import logoFull from '@/assets/logo-full@4x.webp';
 import logoIcon from '@/assets/logo-icon@4x.webp';
 
-interface LogoProps {
-  variant?: 'full' | 'icon';
-}
-
-export function Logo({ variant = 'full' }: LogoProps) {
-  const src = variant === 'icon' ? logoIcon : logoFull;
+export function Logo() {
+  const { pathname } = useLocation();
+  const isHome = pathname === '/';
 
   return (
     <Link to="/">
-      <img src={src} alt="또랑" className="h-8" />
+      <img src={isHome ? logoFull : logoIcon} alt="또랑" className="h-8" />
     </Link>
   );
 }
diff --git a/src/main.tsx b/src/main.tsx
index 84e23665..5798d64b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -11,7 +11,7 @@ import '@/styles/index.css';
 const router = createBrowserRouter([
   {
     path: '/',
-    element: <Layout left={<Logo variant="full" />} right={<LoginButton />} />,
+    element: <Layout right={<LoginButton />} />,
     children: [{ index: true, element: <HomePage /> }],
   },
   {
@@ -20,7 +20,7 @@ const router = createBrowserRouter([
       <Layout
         left={
           <>
-            <Logo variant="icon" />
+            <Logo />
             <span className="text-body-m-bold text-gray-800">내 발표</span>
           </>
         }

From 9d7688763d26ba6b7189aca906d0391d8570613c Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 19:14:29 +0900
Subject: [PATCH 13/16] =?UTF-8?q?fix:=20Gnb=EC=97=90=EC=84=9C=20projectId?=
 =?UTF-8?q?=20=EC=97=86=EC=9D=84=20=EB=95=8C=20early=20return=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/layout/Gnb.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Gnb.tsx b/src/components/layout/Gnb.tsx
index 2b125952..6d99e8fd 100644
--- a/src/components/layout/Gnb.tsx
+++ b/src/components/layout/Gnb.tsx
@@ -5,10 +5,12 @@ import clsx from 'clsx';
 import { TABS, getTabFromPathname, getTabPath } from '@/constants/navigation';
 
 export function Gnb() {
-  const { projectId = '' } = useParams<{ projectId: string }>();
+  const { projectId } = useParams<{ projectId: string }>();
   const location = useLocation();
   const activeTab = getTabFromPathname(location.pathname);
 
+  if (!projectId) return null;
+
   return (
     <nav
       className="flex h-15 items-center justify-center"

From e3d1d7a55cd59f9c7ed59f9e87adfad3f6d0c5e6 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 19:14:52 +0900
Subject: [PATCH 14/16] =?UTF-8?q?refactor:=20=ED=95=98=EB=93=9C=EC=BD=94?=
 =?UTF-8?q?=EB=94=A9=EB=90=9C=20=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20ID?=
 =?UTF-8?q?=EB=A5=BC=20=EC=83=81=EC=88=98=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/main.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main.tsx b/src/main.tsx
index 5798d64b..5d787d9d 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,6 +5,7 @@ import { Navigate, RouterProvider, createBrowserRouter } from 'react-router-dom'
 import { LoginButton, Logo } from '@/components/common';
 import { Gnb } from '@/components/layout/Gnb';
 import { Layout } from '@/components/layout/Layout';
+import { DEFAULT_SLIDE_ID } from '@/constants/navigation';
 import { HomePage, InsightPage, SlidePage, VideoPage } from '@/pages';
 import '@/styles/index.css';
 
@@ -29,7 +30,7 @@ const router = createBrowserRouter([
       />
     ),
     children: [
-      { index: true, element: <Navigate to="slide/1" replace /> },
+      { index: true, element: <Navigate to={`slide/${DEFAULT_SLIDE_ID}`} replace /> },
       { path: 'slide/:slideId?', element: <SlidePage /> },
       { path: 'video', element: <VideoPage /> },
       { path: 'insight', element: <InsightPage /> },

From c7eea4c2892a0f6796030574ffa1c7b7c65380cc Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 19:15:11 +0900
Subject: [PATCH 15/16] =?UTF-8?q?fix:=20localStorage=20=EC=97=90=EB=9F=AC?=
 =?UTF-8?q?=20=EC=B2=98=EB=A6=AC=20=EB=B0=8F=20getTabFromPathname=20?=
 =?UTF-8?q?=EB=B0=A9=EC=96=B4=20=EB=A1=9C=EC=A7=81=20=EC=B6=94=EA=B0=80=20?=
 =?UTF-8?q?(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- localStorage 접근 시 try-catch로 에러 처리 (프라이빗 모드 등)
- getTabFromPathname에서 segments.length 체크 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/constants/navigation.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/constants/navigation.ts b/src/constants/navigation.ts
index ca221dd0..7045a79f 100644
--- a/src/constants/navigation.ts
+++ b/src/constants/navigation.ts
@@ -12,12 +12,20 @@ const LAST_SLIDE_KEY_PREFIX = 'lastSlideId:';
 
 /** 마지막으로 본 슬라이드 ID 저장 */
 export const setLastSlideId = (projectId: string, slideId: string): void => {
-  localStorage.setItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`, slideId);
+  try {
+    localStorage.setItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`, slideId);
+  } catch {
+    // localStorage 사용 불가 시 무시 (프라이빗 모드, 저장 공간 부족 등)
+  }
 };
 
 /** 마지막으로 본 슬라이드 ID 조회 */
 export const getLastSlideId = (projectId: string): string => {
-  return localStorage.getItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`) ?? DEFAULT_SLIDE_ID;
+  try {
+    return localStorage.getItem(`${LAST_SLIDE_KEY_PREFIX}${projectId}`) ?? DEFAULT_SLIDE_ID;
+  } catch {
+    return DEFAULT_SLIDE_ID;
+  }
 };
 
 /** 탭별 경로 생성 */
@@ -35,6 +43,10 @@ export const getTabPath = (projectId: string, tab: Tab, slideId?: string): strin
 /** pathname에서 탭 추출 (/:projectId/:tab/...) */
 export const getTabFromPathname = (pathname: string): Tab => {
   const segments = pathname.split('/').filter(Boolean);
+
+  // 프로젝트 경로 형태가 아닌 경우 (예: '/', '/settings' 등)
+  if (segments.length < 2) return 'slide';
+
   const tabSegment = segments[1];
 
   if (tabSegment === 'video') return 'video';

From 07ac2446d36d150840f285d03f67e44dc46c94e0 Mon Sep 17 00:00:00 2001
From: Andy Hong <chili.tomat0@icloud.com>
Date: Wed, 31 Dec 2025 19:25:14 +0900
Subject: [PATCH 16/16] =?UTF-8?q?refactor:=20slideId=20=ED=8C=8C=EB=9D=BC?=
 =?UTF-8?q?=EB=AF=B8=ED=84=B0=EB=A5=BC=20=ED=95=84=EC=88=98=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20(#14)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/main.tsx            | 2 +-
 src/pages/SlidePage.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 5d787d9d..85643f9a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -31,7 +31,7 @@ const router = createBrowserRouter([
     ),
     children: [
       { index: true, element: <Navigate to={`slide/${DEFAULT_SLIDE_ID}`} replace /> },
-      { path: 'slide/:slideId?', element: <SlidePage /> },
+      { path: 'slide/:slideId', element: <SlidePage /> },
       { path: 'video', element: <VideoPage /> },
       { path: 'insight', element: <InsightPage /> },
     ],
diff --git a/src/pages/SlidePage.tsx b/src/pages/SlidePage.tsx
index 94d9c4ba..0a74aa83 100644
--- a/src/pages/SlidePage.tsx
+++ b/src/pages/SlidePage.tsx
@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 
-import { DEFAULT_SLIDE_ID, setLastSlideId } from '@/constants/navigation';
+import { setLastSlideId } from '@/constants/navigation';
 
 export default function SlidePage() {
-  const { projectId = '', slideId = DEFAULT_SLIDE_ID } = useParams<{
+  const { projectId, slideId } = useParams<{
     projectId: string;
     slideId: string;
   }>();