Index: document/src/App.jsx
===================================================================
diff -u -rccb300fdb5164cab7100b83ce99df42b554b9d3b -r7de66ed50c6874931389156aa375ef779036b8cc
--- document/src/App.jsx	(.../App.jsx)	(revision ccb300fdb5164cab7100b83ce99df42b554b9d3b)
+++ document/src/App.jsx	(.../App.jsx)	(revision 7de66ed50c6874931389156aa375ef779036b8cc)
@@ -21,17 +21,19 @@
 Route : 사용자가 접근할 url 컴포넌트
 PropTypes : 타입과 형식을 따르는지 검증하는 도구
 */
+
 function App() {
   return (
     <ThemeProvider defaultTheme="dark"> 
      <SubMenuContextProvider>
+          <Layout>
           <Routes>
             {/* 
               -- Sub menu & path -- 
               Route path 를 만들고 contexts/contexts.jsx 파일로 가서 서브 메뉴 링크를 수정하면 연결 됩니다.  
               To connect the path to the submenu, check 'contexts/contets.jsx' 
             */}
-           <Route element={<Layout />}>
+           {/* <Route element={<Layout />}> */}
               <Route path='/' element={<Dashboard /> } />
               <Route path='installation' element={<Installation /> } />
               <Route path='integration-status' element={<IntegrationStatus /> } />
@@ -42,8 +44,9 @@
               <Route path='version-control-choice' element={<VersionControlChoice /> } />
               <Route path='version-control-check' element={<VersionControlCheck /> } />
               <Route path='version-control-edit' element={<VersionControlEdit /> } />
-           </Route>
-          </Routes>
+           {/* </Route> */}
+           </Routes>
+          </Layout>
       </SubMenuContextProvider>
     </ThemeProvider>
   )
Index: document/src/layout/Layout.jsx
===================================================================
diff -u -ra05de7d808822160773971b6f868b9446346c9be -r7de66ed50c6874931389156aa375ef779036b8cc
--- document/src/layout/Layout.jsx	(.../Layout.jsx)	(revision a05de7d808822160773971b6f868b9446346c9be)
+++ document/src/layout/Layout.jsx	(.../Layout.jsx)	(revision 7de66ed50c6874931389156aa375ef779036b8cc)
@@ -2,13 +2,14 @@
 import HeaderMenuComponents from '@/layout/HeaderMenu.component'
 import { Outlet } from 'react-router-dom'
 
-function Layout() {
+function Layout({ children }) {
   return (
     <div className="grid min-h-screen w-full md:grid-cols-[220px_1fr] lg:grid-cols-[280px_1fr]">
       <HeaderMenu />
       <div className="flex flex-col">
       <HeaderMenuComponents />
-      <Outlet />
+      {/* <Outlet /> */}
+      { children }
       </div>
    </div>
   )