Update: Routes

SKKU-MAV · Mar 4, 2023 · e707ff4 · e707ff4
1 parent ce579ec
commit e707ff4
Show file tree

Hide file tree

Showing 18 changed files with 29 additions and 4 deletions.
diff --git a/mav-app/src/App.js b/mav-app/src/App.js
@@ -1,12 +1,21 @@
 import logo from './logo.svg';
 import './App.css';
 import Header from './components/Header';
+import { Route, Routes } from "react-router-dom"
 
 function App() {
   return (
-    <div>
-      <Header></Header>
-    </div>
+    <>
+      <Header />
+      <div className="container">
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/members" element={<Members />} />
+          <Route path="/activities" element={<Activities />} />
+          <Route path="/recruiment" element={<Recruiment />} />
+        </Routes>
+      </div>
+    </>
   );
 }
 

diff --git a/mav-app/src/assets/images/choesuna.jpeg b/mav-app/src/assets/images/choesuna.jpeg
diff --git a/mav-app/src/assets/images/github-mark.png b/mav-app/src/assets/images/github-mark.png
diff --git a/mav-app/src/assets/images/hsy.jpeg b/mav-app/src/assets/images/hsy.jpeg
diff --git a/mav-app/src/assets/images/lyh.jpeg b/mav-app/src/assets/images/lyh.jpeg
diff --git a/mav-app/src/assets/images/main-page.jpg b/mav-app/src/assets/images/main-page.jpg
diff --git a/mav-app/src/assets/images/main.png b/mav-app/src/assets/images/main.png
diff --git a/mav-app/src/assets/images/mav_img_length.png b/mav-app/src/assets/images/mav_img_length.png
diff --git a/mav-app/src/assets/images/mav_img_width.png b/mav-app/src/assets/images/mav_img_width.png
diff --git a/mav-app/src/assets/videos/mav_ani.mp4 b/mav-app/src/assets/videos/mav_ani.mp4
diff --git a/mav-app/src/assets/videos/mav_anime.mp4 b/mav-app/src/assets/videos/mav_anime.mp4
diff --git a/mav-app/src/assets/videos/mav_anime2.mp4 b/mav-app/src/assets/videos/mav_anime2.mp4
diff --git a/mav-app/src/assets/videos/mav_anime2_length.mp4 b/mav-app/src/assets/videos/mav_anime2_length.mp4
diff --git a/mav-app/src/index.js b/mav-app/src/index.js
@@ -7,7 +7,9 @@ import reportWebVitals from './reportWebVitals';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    {/* <BrowserRouter> */}
+      <App />
+    {/* </BrowserRouter> */}
   </React.StrictMode>
 );
 

diff --git a/mav-app/src/pages/Activities.js b/mav-app/src/pages/Activities.js
@@ -0,0 +1,14 @@
+const Activites = () => {
+  return ( 
+    <div>
+      <div className="subtitle">
+        <span className="color-blue-100">A</span>CTIVITIES
+      </div>
+      <p>
+        성균관대학교 메타버스 스튜디오
+      </p>
+  </div>
+  )
+}
+
+export default Activites;
diff --git a/mav-app/src/pages/Home.js b/mav-app/src/pages/Home.js
diff --git a/mav-app/src/pages/Memebers.js b/mav-app/src/pages/Memebers.js
diff --git a/mav-app/src/pages/Recruiment.js b/mav-app/src/pages/Recruiment.js