issue # 회원가입 화면 구현 중

src/App.tsx

@@ -1,16 +1,26 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
-import SignUpPage from './ui/page/signup/SignUpPage'
+import { useState } from 'react';
+import reactLogo from './assets/react.svg';
+import viteLogo from '/vite.svg';
+import './App.css';
+import SignUpPage from './ui/page/signup/SignUpPage';
+import Layout from './layouts/Layout';
+import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
+import { useAuthStore } from './store/authStore';
+import { PageRouting } from './data/RoutingData';
 
 function App() {
-  
+  const { authData } = useAuthStore();
+
   return (
-    <div className="w-full h-full flex flex-col justify-center items-center">
-      <SignUpPage></SignUpPage>
-    </div>
-  )
+    <Router>
+      <Routes>
+        <Route element={<Layout />}>
+          <Route element={<SignUpPage />} path={PageRouting["SIGN_UP"].path} />
+          {!(authData?.isLogedIn) ? <Route element={<Navigate to={`/${PageRouting["SIGN_UP"].path}`} />} path="*" /> : null}
+        </Route>
+      </Routes>
+    </Router>
+  );
 }
 
 export default App