ChangeInformationPage publishing 완료 #27

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import Mainpage from './page/Mainpage';
 import Mypage from './page/Mypage';
 import Attendance from "./page/Attendance";
 import Login from "./page/Login";
+import Change from "./page/ChangeInformation";
 import ReactDOM from "react-dom";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 
@@ -14,6 +15,7 @@ function App() {
         <Route path="/Mypage" element={<Mypage />}/>
         <Route path="/login" element={<Login />} />
         <Route path="/attendance" element={<Attendance />} />
+        <Route path="/change" element={<Change/>} />
       </Routes>
     </Router>
   );

frontend/src/components/Register.tsx

@@ -0,0 +1,38 @@
+import styled from "styled-components";
+
+function Register (){
+    return(
+        <div>
+            <RegisterBar>
+                <ResgisterBtn>등록</ResgisterBtn>
+            </RegisterBar>
+        </div>
+    )
+}
+
+export default Register;
+
+const RegisterBar = styled.div`
+  display: flex;
+  justify-content: center;
+  background-color: #375cde;
+  height: 80px;
+  border-radius: 14px;
+  width: 100vw;
+  min-width: 200px;
+  max-width: 620px;
+  padding: 0px 20px 0px 20px;
+  margin: auto;
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+`;
+const ResgisterBtn = styled.button`
+  border: none;
+  outline: none;
+  background-color: transparent;
+  color: white;
+  font-size: 20px;
+  cursor: pointer;
+`;