Merge pull request codestates-seb#26 from codestates-seb/feat/1-fe-레이아웃

[FE] Feat/1 fe 레이아웃

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() {
   //json-server 주소

client/src/assets/scss/common.scss

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

client/src/components/layout/css/layout.scss

@@ -1,8 +1,8 @@
 .appLayout{
   box-sizing: border-box;
-// 	width: 100vw;
-//   height: 100vh;
-// 	display: grid;
-// 	grid-template-columns: 1fr;
-// 	grid-template-rows: 53px 1fr 250px;
+	width: 100vw;
+  height: 100vh;
+	// display: grid;
+	// grid-template-columns: 1fr;
+	// grid-template-rows: 53px 1fr 250px;
 }

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() {