diff --git a/src/App.js b/src/App.js
index 982d341..4bbfdf3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -15,6 +15,9 @@ import FindPw from "./pages/FindPw";
import MainPage from "./pages/MainPage";
import Footer from "./components/footer";
+import MyCateg from './pages/MyPage/MyCateg';
+
+
function App() {
@@ -45,6 +48,10 @@ function App() {
}>
}>
+ }>
+
+
+
diff --git a/src/assets/img/myChat.svg b/src/assets/img/myChat.svg
new file mode 100644
index 0000000..8708044
--- /dev/null
+++ b/src/assets/img/myChat.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/src/assets/img/myCoupon.svg b/src/assets/img/myCoupon.svg
new file mode 100644
index 0000000..61193fa
--- /dev/null
+++ b/src/assets/img/myCoupon.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/src/assets/img/myData.svg b/src/assets/img/myData.svg
new file mode 100644
index 0000000..a9c1f13
--- /dev/null
+++ b/src/assets/img/myData.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/img/myLevel.svg b/src/assets/img/myLevel.svg
new file mode 100644
index 0000000..c989857
--- /dev/null
+++ b/src/assets/img/myLevel.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/img/myLikes.svg b/src/assets/img/myLikes.svg
new file mode 100644
index 0000000..e7a8eac
--- /dev/null
+++ b/src/assets/img/myLikes.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/img/myPlace.svg b/src/assets/img/myPlace.svg
new file mode 100644
index 0000000..338b690
--- /dev/null
+++ b/src/assets/img/myPlace.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/img/mySecurity.svg b/src/assets/img/mySecurity.svg
new file mode 100644
index 0000000..ba594fc
--- /dev/null
+++ b/src/assets/img/mySecurity.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/img/myUseage.svg b/src/assets/img/myUseage.svg
new file mode 100644
index 0000000..2649202
--- /dev/null
+++ b/src/assets/img/myUseage.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/pages/MyPage/MyCateg.js b/src/pages/MyPage/MyCateg.js
new file mode 100644
index 0000000..1994e6c
--- /dev/null
+++ b/src/pages/MyPage/MyCateg.js
@@ -0,0 +1,166 @@
+import styled from "styled-components";
+import { Link } from "react-router-dom";
+import Button from '@mui/material/Button';
+import { ReactComponent as MyData } from "../../assets/img/myData.svg";
+import { ReactComponent as MySecurity} from "../../assets/img/mySecurity.svg";
+import { ReactComponent as MyCoupon } from "../../assets/img/myCoupon.svg";
+import { ReactComponent as MyLike } from "../../assets/img/myLikes.svg";
+import { ReactComponent as MyUseage } from "../../assets/img/myUseage.svg";
+import { ReactComponent as MyPlace } from "../../assets/img/myPlace.svg";
+import { ReactComponent as MyChat } from "../../assets/img/myChat.svg";
+import { ReactComponent as MyLevel } from "../../assets/img/myLevel.svg";
+
+const Center = styled.div`
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Header=styled.div`
+ height: 70px;
+ width: 100%;
+
+ border: 3px black solid;
+`;
+
+const Title=styled.div`
+ width: 505px;
+ height: 110px;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 110px;
+ margin-right: 600px;
+
+ & > h1 {
+ font-size: 48px;
+ }
+`;
+
+const Circle=styled.div`
+ width: 84px;
+ height: 84px;
+
+ border-radius: 50px;
+ border: 3px black solid;
+ margin-left: 7px;
+`;
+
+const Box = styled.div`
+ width: 1119px;
+ height: 603px;
+ background-color: #F3F3F3;
+
+ /* offset-x | offset-y | blur-radius | spread-radius | color */
+ box-shadow: 4px 4px 4px 4px #AFB4BE;
+
+ display: flex;
+ justify-content: center;
+ margin-top: 23px;
+ margin-bottom: 168px;
+ border-radius: 30px;
+ font-size: 15px;
+`;
+
+const Content = styled.div`
+ height: 495px;
+ width: 640px;
+ margin-top: 62px;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+`;
+
+const Div1 =styled.div`
+ height: 80px;
+ width: 640px;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+`;
+
+const Sub=styled.div`
+ width: 640px;
+ margin-top: 23px;
+ margin-left: 25px;
+
+ font-size: 20px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+`;
+
+const Div2 =styled.div`
+ height: 80px;
+ width: 640px;
+ margin-top: 50px;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+`;
+
+const Div3 =styled.div`
+ height: 80px;
+ width: 300px;
+ margin-top: 50px;
+ margin-right: 190px;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+`;
+
+// const Button=styled.div`
+// width: 74px;
+// height: 76px;
+// //margin-top: 124px;
+// `;
+
+const MyCateg = () => {
+
+ return (
+
+
+
+
+ <Circle></Circle>
+ <h1>마이페이지</h1>
+ {/* 추후 링크 투 수정 */}
+ <Link to="/" style={{fontSize:'24px'}}>프로필로 이동</Link>
+
+
+
+
+
+
+
+
+ 개인정보
로그인 및 보안
결제 및 쿠폰
+
+
+
+
+
+ 찜 목록
이용 내역
선택 지역 확인
+
+
+
+
+ 나의 등급 및 뱃지
채팅 내역
+
+
+
+ );
+ };
+
+export default MyCateg;
+