feat: 결과보기 페이지 개발중

src/Router.tsx

@@ -2,12 +2,14 @@ import { Route, Routes } from "react-router-dom";
 
 import { RootLayout } from "./components/layout/RootLayout";
 import HomePage from "./pages/HomePage";
+import ResultPage from "./pages/ResultPage";
 
 export const Router = () => {
     return (
         <Routes>
             <Route path="/" element={<RootLayout />}>
                 <Route index element={<HomePage />}></Route>
+                <Route path="/result" element={<ResultPage />}></Route>
             </Route>
         </Routes>
     );

src/pages/ResultPage.styled.ts

@@ -0,0 +1,14 @@
+import styled from "@emotion/styled";
+
+export const TitleContainer = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+
+export const Line = styled.hr`
+    width: 100%;
+    margin: 1.25rem 0;
+    height: 1px;
+    border: 1px solid #e0e0e0;
+`;

src/pages/ResultPage.tsx

@@ -0,0 +1,21 @@
+import TopBar from "@/components/layout/TopBar";
+import { Text } from "@/components/typography";
+
+import { Line, TitleContainer } from "./ResultPage.styled";
+
+export default function ResultPage() {
+    return (
+        <>
+            <TopBar title="결과 보기" />
+            <TitleContainer>
+                <Text size="s" color="gray">
+                    OOO님의 동BTI는...
+                </Text>
+                <Text size="xl" color="primary" weight="bold">
+                    무대를 좋아하는 연주가형
+                </Text>
+            </TitleContainer>
+            <Line />
+        </>
+    );
+}