Style: 코드 스타일 정리

src/components/Admin.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 const Admin = () => {
   return (
-    <div>Admin</div>
+    <div>행정 관련 Wiki - Admin 컴포넌트</div>
   )
 }
 

src/components/Curriculum.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 const Curriculum = () => {
   return (
-    <div>Curriculum</div>
+    <div>커리큘럼 관련 Wiki - Curriculum 컴포넌트</div>
   )
 }
 

src/components/Header.tsx

@@ -1,14 +1,12 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Link, useLocation } from 'react-router-dom'
+import { Link } from 'react-router-dom'
 import './Header.css'
 
 const Header = () => {
   const pageLink = ["", "Wiki/", "Gallery"]
   const pageName = ["Home", "Wiki", "Gallery"]
 
-  // const location = useLocation()
-
   return (
     <Container>
       <ul className="header__link_wrapper">
@@ -31,7 +29,7 @@ const Container = styled.nav`
   right: 0;
   width: 100%;
   height: 60px;
-  background-color: #666;
+  background-color: #999;
   font-size: 1rem;
   z-index: 10;
 `

src/components/Sidebar.css

@@ -1,4 +1,5 @@
 .sidebar__link_wrapper{
   display:flex;
   flex-flow: column;
+  gap: 20px;
 }

src/components/Sidebar.tsx

@@ -14,7 +14,7 @@ const Sidebar = () => {
     // Wiki 사이드바 
     return (
       <Container>
-        <ul>
+        <ul className="sidebar__link_wrapper">
           {
             sideLink.map((link,idx)=>
               <li key={sideName[idx]} >
@@ -45,7 +45,7 @@ const Container = styled.aside`
   z-index: 9;
   width: 140px;
   height: 100%;
-  background-color: #888;
+  background-color: #ddd;
 `
 
 

src/index.css

@@ -1,3 +1,9 @@
+html{
+  font-size:16px;
+  --main-color: #ED234B;
+  --main-black: #171717;
+}
+
 body {
   margin: 0;
 }
@@ -11,10 +17,6 @@ a{
   color: black;
 }
 
-html{
-  font-size:16px;
-}
-
 @media (max-width: 768px) {
   html{
     font-size: 14px;