diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index cee1802a..b3f1cee9 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -5,6 +5,7 @@ import { MainPage, ClientPage, HostPage } from './pages';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { queryClient } from '@apis/index';
 import withUserId from '@hocs/withUserId';
+import { HostRedirect } from '@components/host';
 
 function AppComponent() {
   return (
@@ -20,7 +21,7 @@ function AppComponent() {
             <Route path="/" element={<MainPage />} />
             <Route path="/live" element={<ClientPage />} />
             <Route path="/live/:id" element={<ClientPage />} />
-            <Route path="/host" element={<HostPage />} />
+            <Route path="/host" element={<HostRedirect />} />
             <Route path="/host/:id" element={<HostPage />} />
           </Routes>
         </Router>
diff --git a/frontend/src/components/common/Header.tsx b/frontend/src/components/common/Header.tsx
index efca7c6e..27d3788c 100644
--- a/frontend/src/components/common/Header.tsx
+++ b/frontend/src/components/common/Header.tsx
@@ -4,9 +4,11 @@ import { useNavigate } from 'react-router-dom';
 import SearchIcon from '@assets/icons/search_icon.svg';
 import VideoIcon from '@assets/icons/video_icon.svg';
 import { ASSETS } from '@constants/assets';
+import { getStoredId } from '@utils/id';
 
 const Header = () => {
   const navigate = useNavigate();
+  const userId = getStoredId();
 
   return (
     <HeaderContainer>
@@ -20,7 +22,7 @@ const Header = () => {
         </SearchInputWrapper>
         <SearchButton />
       </SearchBox>
-      <StudioBox onClick={() => navigate('/host')}>
+      <StudioBox onClick={() => navigate(`/host/${userId}`)}>
         <VideoIconStyled />
         스튜디오
       </StudioBox>
@@ -119,4 +121,4 @@ const StudioBox = styled.div`
   }
 `;
 
-const VideoIconStyled = styled(VideoIcon)``;
+const VideoIconStyled = styled(VideoIcon)``;
\ No newline at end of file
diff --git a/frontend/src/components/host/HostRedirect.tsx b/frontend/src/components/host/HostRedirect.tsx
new file mode 100644
index 00000000..288545de
--- /dev/null
+++ b/frontend/src/components/host/HostRedirect.tsx
@@ -0,0 +1,8 @@
+import { getStoredId } from '@utils/id';
+import { Navigate } from 'react-router-dom';
+
+export default function HostRedirect() {
+  const userId = getStoredId();
+
+  return <Navigate to={`/host/${userId}`} replace />;
+}
diff --git a/frontend/src/components/host/index.ts b/frontend/src/components/host/index.ts
index 67567f69..d57f1333 100644
--- a/frontend/src/components/host/index.ts
+++ b/frontend/src/components/host/index.ts
@@ -1,2 +1,3 @@
 export { default as Header } from './Header';
 export { default as Setting } from './Setting';
+export { default as HostRedirect } from './HostRedirect';