Feat: 아이콘, 버튼 추가 LoginPage 짧게 구현 #16

공용으로 사용될 버튼 컴포넌트들을 어떻게 사용할 수 있을까 고민됨,
머티리얼 ui에 startIcon이라는 prop이 있던데 그것을 사용할까 말까 고민됨.

fe/client/package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "@craco/craco": "^6.1.2",
     "@material-ui/core": "^4.11.4",
+    "@material-ui/styles": "^4.11.4",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",

fe/client/src/App.tsx

@@ -2,6 +2,7 @@ import React, { Suspense } from 'react';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import { Switch, Route } from 'react-router-dom';
 import { RecoilRoot } from '@/utils/myRecoil/RecoilRoot';
+import { createGlobalStyle } from 'styled-components';
 
 const IssueListLazy = React.lazy(() => import('@/Pages/IssueList'));
 const LoginLazy = React.lazy(() => import('@/Pages/LoginPage'));
@@ -11,6 +12,7 @@ function App() {
   return (
     <RecoilRoot>
       <CssBaseline />
+      <GlobalStyle />
       <Suspense fallback="loading...">
         <Switch>
           <Route exact path="/issueList" component={IssueListLazy} />
@@ -22,4 +24,11 @@ function App() {
   );
 }
 
-export default App;
+
+const GlobalStyle = createGlobalStyle`
+  body{
+    background: #E5E5E5;
+  }
+`
+
+export default App;