JCTG-JavaScript-Coding-Test-Group · codeisneverodd · Jul 19, 2022 · Jul 18, 2022
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/public/index.html b/public/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko-KR">
   <head>
-    <meta charset="utf-8" />
+    <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="'프로그래머스 JS 정답 통과기' 웹사이트입니다." />
     <title>프로그래머스 JS 정답 통과기</title>

diff --git a/src/App.js b/src/App.js
@@ -1,14 +1,13 @@
-import styled from "styled-components";
-
-import Contents from "./Components/Contents";
+import Router from "./Router";
+import { ThemeProvider } from "styled-components";
+import { theme } from "./style/theme";
+import { GlobalStyle } from "./style/globalStyle";
 
 export default function App() {
   return (
-    <>
-      <Title>🤖 프로그래머스 JS 정답 통과기</Title>
-      <Contents />
-    </>
+    <ThemeProvider theme={theme}>
+      <GlobalStyle />
+      <Router />
+    </ThemeProvider>
   );
 }
-
-const Title = styled.h1``;
diff --git a/src/Components/Contents.js b/src/Components/Contents.js
diff --git a/src/Components/Tabs/ErrorReport.js b/src/Components/Tabs/ErrorReport.js
diff --git a/src/Components/Tabs/Introduction.js b/src/Components/Tabs/Introduction.js
diff --git a/src/Components/Tabs/SolutionReport.js b/src/Components/Tabs/SolutionReport.js
diff --git a/src/Components/Tabs/Style/StyledComponent.js b/src/Components/Tabs/Style/StyledComponent.js
diff --git a/src/Router.js b/src/Router.js
@@ -0,0 +1,16 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Introduction from "./pages/introductionPage/Introduction";
+import ErrorReport from "./pages/errorReportPage/ErrorReport";
+import SolutionReport from "./pages/solutionReportPage/SolutionReport";
+
+export default function Router() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Introduction />}></Route>
+        <Route path="/error-report" element={<ErrorReport />}></Route>
+        <Route path="/solution-report" element={<SolutionReport />}></Route>
+      </Routes>
+    </BrowserRouter>
+  );
+}