[feat]add Assignment, deposit, Home, Login page/Initial setup: routi…

frontend/src/App.jsx

@@ -1,30 +1,20 @@
 import React from "react";
-import InputBlock from "./components/InputBlock";
-import InfoBlock from "./components/InfoBlock";
-import PageBtn from "./components/PageBtn";
-import Header from "./components/Header";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Login from "./Login";
+import Home from "./Home";
+import Assignment from "./Assignment";
+import Deposit from "./Deposit";
 
 function App() {
   return (
-    <>
-      <Header />
-      <div>
-        <InputBlock
-          inputs={[
-            { type: "text", placeholder: "이름" },
-            { type: "password", placeholder: "비밀번호" },
-            { type: "text", placeholder: "출석코드를 입력하세요" },
-          ]}
-        />
-        <InfoBlock />
-        <PageBtn
-          buttons={[
-            { label: "ASSIGNMENT CHECK", href: "/assignment" },
-            { label: "ATTENDANCE CHECK", href: "/attendance" },
-          ]}
-        />
-      </div>
-    </>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/login" element={<Login />} />
+        <Route path="/assignment" element={<Assignment />} />
+        <Route path="/deposit" element={<Deposit />} />
+      </Routes>
+    </BrowserRouter>
   );
 }
 

frontend/src/Assignment.jsx

@@ -0,0 +1,9 @@
+const Assignment = () => {
+  return (
+    <div>
+      <h1>Assignment</h1>
+      <p>This is the assignment page.</p>
+    </div>
+  );
+};
+export default Assignment;

frontend/src/Deposit.jsx

@@ -0,0 +1,9 @@
+const Deposit = () => {
+  return (
+    <div className="container">
+      <h1>Deposit Page</h1>
+      <p>This is the deposit page.</p>
+    </div>
+  );
+};
+export default Deposit;

frontend/src/Home.jsx

@@ -0,0 +1,26 @@
+import React, { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import homeLogo from "./assets/img/home.svg";
+
+const Home = () => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      navigate("/login");
+    }, 2000);
+
+    return () => clearTimeout(timer);
+  }, [navigate]);
+
+  return (
+    <div className="home">
+      <div className="home__container">
+        <h1>PIROCHECK</h1>
+        <img src={homeLogo} alt="PiroCheck Logo" className="home__logo" />
+      </div>
+    </div>
+  );
+};
+
+export default Home;

frontend/src/Login.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+const Login = ({ onLogin }) => {
+  return (
+    <div>
+      <h2>로그인 페이지</h2>
+      <input type="text" placeholder="아이디" />
+      <input type="password" placeholder="비밀번호" />
+      <button onClick={onLogin}>로그인</button>
+    </div>
+  );
+};
+
+export default Login;

frontend/src/main.jsx

@@ -3,9 +3,10 @@ import App from "./App.jsx";
 import "./assets/root.css";
 import { BrowserRouter } from "react-router-dom";
 import "./assets/reset.css";
+import { StrictMode } from "react";
 
 createRoot(document.getElementById("root")).render(
-  <BrowserRouter>
+  <StrictMode>
     <App />
-  </BrowserRouter>
+  </StrictMode>
 );