[#13] feat: 마이페이지 추가

Author: pumpkiinbell

src/screens/MyPage/MyPage.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { ScrollView } from "react-native-gesture-handler";
+
+import LastChat from "../../components/LastChat";
+import { Logo } from "../Home/style";
+import {
+  ChatSection,
+  MyPageLayout,
+  Stat,
+  StatisticsSection,
+  SubTitle,
+} from "./style";
+
+const MyPage = () => {
+  return (
+    <MyPageLayout>
+      <Logo />
+      <StatisticsSection>
+        <SubTitle>전체 통계</SubTitle>
+        <Stat />
+      </StatisticsSection>
+      <ChatSection>
+        <SubTitle>지난 대화 목록</SubTitle>
+        <LastChat />
+        <LastChat />
+        <LastChat />
+      </ChatSection>
+    </MyPageLayout>
+  );
+};
+
+export default MyPage;

src/screens/MyPage/index.ts

@@ -0,0 +1 @@
+export { default } from "./MyPage";

src/screens/MyPage/style.ts

@@ -0,0 +1,36 @@
+import { View } from "react-native";
+import styled from "styled-components/native";
+
+import LogoSVG from "../../assets/image/logo.svg";
+import StatSVG from "../../assets/image/stat.svg";
+
+export const MyPageLayout = styled.ScrollView`
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  padding: 12% 4% 0 4%;
+`;
+
+export const Logo = styled(LogoSVG)`
+  margin-bottom: 12%;
+`;
+
+export const StatisticsSection = styled.View`
+  position: relative;
+  height: 25%;
+  margin-top: 5%;
+  /* background-color: indianred; */
+`;
+
+export const SubTitle = styled.Text`
+  margin-bottom: 16px;
+  font-weight: bold;
+  font-size: 18px;
+  line-height: 22px;
+`;
+
+export const Stat = styled(StatSVG)``;
+
+export const ChatSection = styled.View`
+  margin-top: 5%;
+`;