(#2) feat: router 설정

src/App.tsx

@@ -1,25 +1,12 @@
 import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import Router from './Router';
+import { StyledProvider } from 'aliens-design-system-front';
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
+    <StyledProvider>
+      <Router />
+    </StyledProvider>
   );
 }
 

src/Router.tsx

@@ -0,0 +1,13 @@
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { Policy } from './pages/Policy';
+
+const Router = () => {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/sign-up-policy" element={<Policy />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+export default Router;

src/index.tsx

@@ -1,16 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
+  document.getElementById('root') as HTMLElement,
 );
 root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
 
 // If you want to start measuring performance in your app, pass a function

src/pages/Policy.tsx

@@ -0,0 +1,34 @@
+import styled from 'styled-components';
+
+export const Policy = () => {
+  return (
+    <_Wrapper>
+      <_PolicyContent>
+        당신은 회원가입 약관 동의하십니까? 당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까? 당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까? 당신은 회원가입 약관 동의하십니까?당신은 회원가입 약관
+        동의하십니까?당신은 회원가입 약관 동의하십니까?당신은
+      </_PolicyContent>
+    </_Wrapper>
+  );
+};
+
+const _Wrapper = styled.section`
+  width: 100%;
+`;
+
+const _PolicyContent = styled.strong`
+  font-size: ${({ theme }) => theme.textFont.xs.size}px;
+  font-weight: ${({ theme }) => theme.textFont.xs.weight};
+  color: ${({ theme }) => theme.color.gray5};
+`;