Merge pull request #74 from codeit-sprint-part3-6team/#65_페이지_마이페이지

#65 페이지 마이페이지

Author: twtwkim

package-lock.json

@@ -14,14 +14,17 @@
     "@mui/material": "^6.2.0",
     "@mui/system": "^6.2.0",
     "@mui/x-date-pickers": "^7.23.1",
+    "@reduxjs/toolkit": "^2.5.0",
     "axios": "^1.7.9",
     "clsx": "^2.1.1",
     "date-fns": "^2.30.0",
     "dayjs": "^1.11.13",
     "next": "15.0.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^7.0.2"
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.0.2",
+    "redux": "^5.0.1"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",

package.json

@@ -136,6 +136,16 @@
   border-radius: 0 4px 4px 0;
 }
 
+.profile.save {
+  width: 100%;
+  height: 54px;
+  border-radius: 8px;
+  padding: 14px 46px;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 26px;
+}
+
 .border {
   border: 1px solid var(--gray-medium);
 }
@@ -300,4 +310,10 @@
     width: 36px;
     height: 36px;
   }
+
+  .profile.save {
+    font-size: 14px;
+    line-height: 24px;
+    font-family: 'Pretendard';
+  }
 }

public/ic/ic_imgplus.svg

@@ -3,19 +3,21 @@
   align-items: center;
   font-size: 16px;
   font-weight: 500;
-	line-height: 26px;
+  line-height: 26px;
+  cursor: pointer;
 }
 
 .icon {
   width: 20px;
   height: 20px;
+  cursor: pointer;
 }
 
 @media screen and (max-width: 743px) {
-	.returnButton {
-		font-size: 14px;
-		line-height: 24px;
-	}
+  .returnButton {
+    font-size: 14px;
+    line-height: 24px;
+  }
 
   .icon {
     width: 2rem;

src/components/common/button/Button.module.css

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import CDSButton from '../button/CDSButton';
+import CDSButton from '../../button/CDSButton';
 import styles from './CommentInput.module.css';
 
 export default function CommentInput() {