Merge pull request #4 from DS-UMC-7th/feature/#3-review

경로 수정

review/src/App.jsx

@@ -1,16 +1,15 @@
-import {createBrowserRouter, RouterProvider} from "react-router-dom";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
 
 import MainPage from "./pages/Main.jsx";
 import NotFound from "./pages/not-found.jsx";
 import RootLayout from "./layout/root-layout.jsx";
-import Recent from "./pages/RecentReview.jsx"
-import Popularity from "./pages/PopularityReview.jsx";
 import WriteReview from "./pages/WriteReview.jsx";
 import ReviewDetail from "./pages/ReviewDetail.jsx";
+import Reviews from "./pages/Reviews.jsx";
 
 const router = createBrowserRouter([
   {
-    path: '/',
+    path: "/",
     element: <RootLayout />,
     errorElement: <NotFound />,
     children: [
@@ -19,33 +18,28 @@ const router = createBrowserRouter([
         element: <MainPage />,
       },
       {
-        path: 'review',
+        path: "review",
         children: [
           {
-            path: 'recent',
-            element: <Recent />,
+            path: "list",
+            element: <Reviews />,
           },
           {
-            path: 'popularity',
-            element: <Popularity />,
+            path: "detail",
+            element: <ReviewDetail />,
           },
           {
-            path: 'write',
+            path: "write",
             element: <WriteReview />,
           },
-          {
-            path: 'detail',
-            element: <ReviewDetail />,
-          },
         ],
       },
     ],
   },
 ]);
 
 function App() {
-  return <RouterProvider router={router}/>
+  return <RouterProvider router={router} />;
 }
 
-
-export default App;
+export default App;

review/src/components/header/NavBar.jsx

@@ -1,19 +1,17 @@
-import { Link } from 'react-router-dom';
-import * as S from './NavBar.style.js';
+import { Link } from "react-router-dom";
+import * as S from "./NavBar.style.js";
 
 const Navbar = () => {
-
   return (
     <S.NavbarContainer>
       <S.Logo to="/">REWVIEW IN CLASS</S.Logo>
       <S.NavButtonsWrapper>
-        <S.NavButton to="/review/popularity">인기 리뷰</S.NavButton>
-        <S.NavButton to="/review/recent">최근 리뷰</S.NavButton>
+        <S.NavButton to="/review/list">전체 리뷰</S.NavButton>
+        <S.NavButton to="/review/write">강의평 등록하기</S.NavButton>
         <S.NavButton>검색창</S.NavButton>
       </S.NavButtonsWrapper>
     </S.NavbarContainer>
   );
 };
-
-export default Navbar;
 
+export default Navbar;

review/src/main.jsx

@@ -1,10 +1,9 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.jsx";
 
-createRoot(document.getElementById('root')).render(
+createRoot(document.getElementById("root")).render(
   <StrictMode>
     <App />
-  </StrictMode>,
-)
+  </StrictMode>
+);

review/src/pages/Reviews.jsx

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+
+const Reviews = () => {
+  return <StyledContent>Reviews Page</StyledContent>;
+};
+
+export default Reviews;
+
+const StyledContent = styled.h1`
+  height: 100%;
+  background-color: white;
+  color: black;
+  margin-top: 5px;
+`;