Feat: 기본 폴더 구조 생성

client/src/App.js

@@ -1,7 +1,7 @@
 import './App.scss';
 import { Route, Routes } from 'react-router-dom';
 import Layout from './components/layout/js/Layout';
-import Home from './components/home/js/Home';
+import Home from './pages/home/js/Home';
 
 function App() {
   return (

client/src/assets/scss/common.scss

@@ -0,0 +1,11 @@
+/*
+  선언: $variable-name: variable-value;
+
+  사용: scss파일 import 후, 속성: $variable-name;
+*/
+
+
+// color
+
+
+// Media Query 분기점

client/src/components/footer/js/Footer.js

@@ -1,4 +1,4 @@
-import '../css/footer.scss';
+import '../css/Footer.scss';
 
 export default function Footer() {
   return (

client/src/components/header/js/Header.js

@@ -1,4 +1,4 @@
-import '../css/header.scss';
+import '../css/Header.scss';
 import Nav from './Nav';
 
 export default function Header() {

client/src/components/header/js/Nav.js

@@ -1,4 +1,4 @@
-import '../css/nav.scss';
+import '../css/Nav.scss';
 
 export default function Nav() {
   return (

client/src/components/layout/js/Layout.js

@@ -1,4 +1,4 @@
-import '../css/layout.scss';
+import '../css/Layout.scss';
 import { Outlet } from 'react-router-dom';
 import Header from '../../header/js/Header';
 import Main from '../../main/js/Main';

client/src/components/main/js/Main.js

@@ -1,4 +1,4 @@
-import '../css/main.scss';
+import '../css/Main.scss';
 import { Outlet } from 'react-router-dom';
 
 export default function Main() {