diff --git a/src/components/board/BoardList.tsx b/src/components/board/BoardList.tsx
index b03dc4c..3130849 100644
--- a/src/components/board/BoardList.tsx
+++ b/src/components/board/BoardList.tsx
@@ -63,6 +63,7 @@ function BoardList(): JSX.Element {
 
   useEffect(() => {
     fetchBoardList(currentPage);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentPage, selectedCategory, status, keyword, search]);
 
 
diff --git a/src/components/board/reply/Reply.tsx b/src/components/board/reply/Reply.tsx
index 5090d6d..ce2ad07 100644
--- a/src/components/board/reply/Reply.tsx
+++ b/src/components/board/reply/Reply.tsx
@@ -36,6 +36,7 @@ const Reply = () => {
 
     useEffect(() => {
         GetReplyList();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [refresh])
 
 
diff --git a/src/components/member/Signup.tsx b/src/components/member/Signup.tsx
index 3eb3d1c..70fdce5 100644
--- a/src/components/member/Signup.tsx
+++ b/src/components/member/Signup.tsx
@@ -151,7 +151,7 @@ const Signup = () => {
                 </Grid>
                 <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
                   <Button onClick={checkEmail} disabled={!!errors.email} variant="contained"
-                    sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1 }} >중복확인</Button>
+                    sx={{ backgroundColor: '#969696', boxShadow: 'none', paddingY: 1 }} >중복확인</Button>
                 </Grid>
                 <Grid item xs={12}>
                   <Typography sx={{ color: '#969696' }}>비밀번호</Typography>
@@ -225,7 +225,7 @@ const Signup = () => {
                 </Grid>
                 <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
                   <Button onClick={checkNickname} disabled={!!errors.nickname} variant="contained"
-                    sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1 }} >중복확인</Button>
+                    sx={{ backgroundColor: '#969696', boxShadow: 'none', paddingY: 1 }} >중복확인</Button>
                 </Grid>
 
                 <Grid item xs={4}>
diff --git a/src/components/member/mypage/EditNick.tsx b/src/components/member/mypage/EditNick.tsx
index 222686a..c25404d 100644
--- a/src/components/member/mypage/EditNick.tsx
+++ b/src/components/member/mypage/EditNick.tsx
@@ -1,15 +1,16 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import api from "lib/api";
 import useNicknameChecker from "lib/useNicknameChecker";
-import { Container, Typography, Grid, TextField, Box, Button, Card } from '@mui/material';
+import { Container, Typography, Grid, TextField, Box, Button, Card, Divider } from '@mui/material';
 
 interface FormData {
   nickname: string;
 }
 
 const EditNick = () => {
+  const [nowNick, setNowNick] = useState(String || null)
   const { register, handleSubmit, formState: { errors } } = useForm<FormData>({ mode: 'all' });
   const navigate = useNavigate();
 
@@ -43,8 +44,16 @@ const EditNick = () => {
     }
   };
 
+  useEffect(() => {
+    getNick();
+  }, [setNowNick])
 
-
+  const getNick = async () => {
+    const result = await api.get("member/myInfo")
+    setNowNick(result.data.data.nickname)
+    console.log("nowNick:" + result.data.data.nickname)
+  }
+  
   return (
 
     <>
@@ -59,32 +68,28 @@ const EditNick = () => {
             padding: 4, backgroundColor: 'white'
           }}
         >
-          <Typography variant="h4" sx={{ mb: 5 }}>
+          <Typography variant="h4" sx={{ mb: 5  }}>
             닉네임 변경
           </Typography>
           <Box component="form" noValidate onSubmit={handleSubmit(handleFormSubmit)} sx={{ mt: 3 }}>
 
             <Grid container spacing={2}>
 
-              <Grid item xs={12}>
+              <Grid item xs={3}>
                 <Typography sx={{ color: '#969696' }}>현재 닉네임</Typography>
               </Grid>
-              <Grid item xs={12}>
-                <TextField
-                  type="text"
-                  size="small"
-                  hiddenLabel
-                  fullWidth
-                  inputProps={
-                    { readOnly: true, }
-                  }
-                  value="닉네임 들어올 곳"
-                />
+              <Grid item xs={9}>
+                <Typography>{nowNick}</Typography>
+
               </Grid>
               <Grid item xs={12}>
-                <Typography sx={{ color: '#969696' }}>새 닉네임</Typography>
+                <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
+              </Grid>
+
+              <Grid item xs={3}>
+                <Typography sx={{ color: '#969696' }}>바꿀 닉네임</Typography>
               </Grid>
-              <Grid item xs={8}>
+              <Grid item xs={5}>
                 <TextField
                   type="text"
                   size="small"
@@ -108,18 +113,22 @@ const EditNick = () => {
               </Grid>
               <Grid item xs={4} sx={{ display: 'flex', justifyContent: 'center' }}>
                 <Button onClick={checkNickname} disabled={!!errors.nickname} variant="contained"
-                  sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1 }} >중복확인</Button>
+                  sx={{ backgroundColor: '#969696', boxShadow: 'none' }} >중복확인</Button>
+              </Grid>
+              <Grid item xs={12}>
+                <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
               </Grid>
 
             </Grid>
+            <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'center', marginTop:3 }}>
             <Button
               type="submit"
-              fullWidth
               variant="contained"
               sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1, marginY: 3 }}
             >
               변경하기
             </Button>
+            </Grid>
           </Box>
         </Card>
       </Container>
diff --git a/src/components/member/mypage/EditPw.tsx b/src/components/member/mypage/EditPw.tsx
index ea7fa4b..9607445 100644
--- a/src/components/member/mypage/EditPw.tsx
+++ b/src/components/member/mypage/EditPw.tsx
@@ -2,7 +2,7 @@ import { useRef } from "react";
 import { useForm } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import api from "lib/api";
-import { Container, Typography, Grid, TextField, Box, Button, Card } from '@mui/material';
+import { Container, Typography, Grid, TextField, Box, Button, Card, Divider } from '@mui/material';
 // components
 interface FormData {
 
@@ -52,10 +52,11 @@ const EditPw = () => {
           <Box component="form" noValidate onSubmit={handleSubmit(handleFormSubmit)} sx={{ mt: 3 }}>
 
             <Grid container spacing={2}>
-              <Grid item xs={12}>
+
+              <Grid item xs={3}>
                 <Typography sx={{ color: '#969696' }}>현재 비밀번호</Typography>
               </Grid>
-              <Grid item xs={12}>
+              <Grid item xs={9}>
                 <TextField
                   type="password"
                   size="small"
@@ -76,9 +77,12 @@ const EditPw = () => {
                 />
               </Grid>
               <Grid item xs={12}>
-                <Typography sx={{ color: '#969696' }}>새 비밀번호</Typography>
+                <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
               </Grid>
-              <Grid item xs={12}>
+              <Grid item xs={3}>
+                <Typography sx={{ color: '#969696' }}>바꿀 비밀번호</Typography>
+              </Grid>
+              <Grid item xs={9}>
                 <TextField
                   type="password"
                   size="small"
@@ -98,11 +102,13 @@ const EditPw = () => {
                   helperText={errors.updatePW?.message}
                 />
               </Grid>
-
               <Grid item xs={12}>
-                <Typography sx={{ color: '#969696' }}>새 비밀번호 확인</Typography>
+                <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
               </Grid>
-              <Grid item xs={12}>
+              <Grid item xs={3}>
+                <Typography sx={{ color: '#969696' }}>비밀번호 확인</Typography>
+              </Grid>
+              <Grid item xs={9}>
                 <TextField
                   type="password"
                   size="small"
@@ -116,6 +122,9 @@ const EditPw = () => {
                   helperText={errors.passwordCheck?.message}
                 />
               </Grid>
+              <Grid item xs={12}>
+                <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
+              </Grid>
             </Grid>
             <Button
               type="submit"
diff --git a/src/components/member/mypage/MyInfo.tsx b/src/components/member/mypage/MyInfo.tsx
new file mode 100644
index 0000000..3cf72f9
--- /dev/null
+++ b/src/components/member/mypage/MyInfo.tsx
@@ -0,0 +1,221 @@
+import { useEffect, useState } from "react";
+import api from "lib/api";
+import { useForm } from "react-hook-form";
+import { Button, TextField, Container, Divider } from "@mui/material"
+import CssBaseline from '@mui/material/CssBaseline';
+import Grid from '@mui/material/Grid';
+import { Box } from '@mui/material';
+import Typography from '@mui/material/Typography';
+import ReactDaumPost from "react-daumpost-hook";
+import { useNavigate } from "react-router-dom";
+
+interface UpdateData {
+    email: string;
+    memberName: string;
+    address: string;
+    phoneNumber: string;
+    bcode: string;
+}
+
+
+
+const MyInfo = () => {
+
+    const navigate = useNavigate();
+    const [info, setInfo] = useState<UpdateData | null>(null);
+    const { register, handleSubmit, formState: { errors }, setValue, reset } =
+        useForm<UpdateData>({ mode: 'all' });
+
+
+    const getMyInfo = async () => {
+        const result = await api.get("member/myInfo")
+        //use hook form 기본값 설정하는 함수
+        reset(result.data.data)
+
+        setInfo(result.data.data)
+        console.log("내 정보: " + JSON.stringify(info))
+
+    }
+
+
+    const handleUpdateSubmit = (data: UpdateData) => {
+        console.log("버튼 클릭")
+        const result = api.patch("member/updateInfo", JSON.stringify(data));
+        console.log("업데이트 회원정보" + result);
+        alert('업데이트 성공')
+        navigate("/")
+    };
+
+    const postConfig = {
+        onComplete: (data) => {
+            //화면에 보여지는 주소정보 update
+            setInfo((prev) => ({
+                ...prev,
+                address: data.address,
+            }))
+            //동적으로 form값 변경 가능(bcode같은 경우 hidden input이므로 따로 setvalue 해줘야함)
+            setValue("bcode", data.bcode)
+        }
+    };
+    const postCode = ReactDaumPost(postConfig);
+
+
+
+    useEffect(() => {
+        getMyInfo()
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [reset])
+
+
+    return (
+
+        <>
+            {info ?
+                <div>
+                    <Container component="main" maxWidth="sm" sx={{ padding: 3 }}>
+                        <CssBaseline />
+                        <Box
+                            sx={{
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: 'center',
+                                border: '1px solid #DCDCDC', borderRadius: 5,
+                                padding: 4, backgroundColor: 'white'
+                            }}
+                        >
+                            <Typography variant="h4" sx={{ marginBottom: 3 }}>
+                                내 정보
+                            </Typography>
+                            <Box component="form" noValidate onSubmit={handleSubmit(handleUpdateSubmit)} sx={{ mt: 3 }}>
+
+                                <Grid container spacing={2}>
+
+                                    <Grid item xs={3} >
+                                        <Typography sx={{ color: '#969696' }}>이메일</Typography>
+                                    </Grid>
+                                    <Grid item xs={9}>
+                                        <Typography >{info.email}</Typography>
+                                    </Grid>
+                                    <Grid item xs={12}>
+                                        <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
+                                    </Grid>
+                                    <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>이름</Typography>
+                                    </Grid>
+                                    <Grid item xs={9}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            {...register("memberName", {
+                                                required: {
+                                                    value: true,
+                                                    message: '이름을 입력해주세요'
+                                                },
+                                                pattern: {
+                                                    value: /^(?=.*[a-z가-힣])[a-z가-힣]{2,16}$/,
+                                                    message: '이름은 영문 또는 한글로 2자 이상 16자 이하만 가능합니다.'
+
+                                                }
+                                            })}
+                                            error={!!errors.memberName}
+                                            helperText={errors.memberName?.message}
+                                        />
+                                    </Grid>
+                                    <Grid item xs={12}>
+                                        <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
+                                    </Grid>
+
+                                    <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>핸드폰번호</Typography>
+                                    </Grid>
+                                    <Grid item xs={9}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            inputProps={{ maxLength: 11, inputMode: 'numeric', pattern: '[0-9]*' }}
+                                            type="text"
+
+                                            {...register("phoneNumber", {
+                                                required: {
+                                                    value: true,
+                                                    message: '핸드폰 번호를 입력해주세요.'
+                                                },
+                                                pattern: {
+                                                    value: /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/,
+                                                    message: '공백 없이 숫자만 입력해주세요.'
+                                                }
+                                            })}
+                                            error={!!errors.phoneNumber}
+                                            helperText={errors.phoneNumber?.message}
+                                        />
+                                    </Grid>
+
+                                    <Grid item xs={12}>
+                                        <Divider style={{ width: '100%' }} sx={{ my: 1 }} />
+                                    </Grid>
+
+
+                                    <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>주소</Typography>
+                                    </Grid>
+                                    <Grid item xs={9}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            type="text"
+                                            id="address"
+                                            onClick={postCode}
+                                            value={info.address}
+                                            {...register("address", {
+                                                required: {
+                                                    value: true,
+                                                    message: '주소를 입력해주세요'
+                                                }
+                                            })}
+                                            error={!!errors.address}
+                                            helperText={errors.address?.message}
+                                        />
+
+
+                                    </Grid>
+                                    <input
+                                        type="hidden"
+                                        {...register("bcode", {
+                                            required: true
+                                        })}
+                                    />
+                                    {errors.bcode && <span></span>}
+                                </Grid>
+                                <Grid item xs={12}>
+                                    <Divider style={{ width: '100%' }} sx={{ marginTop: 3, }} />
+                                </Grid>
+
+                                <Grid item xs={12} sx={{display: 'flex', alignItems: 'center', justifyContent:'center'}}>
+                                    <Button
+                                        type="submit"
+                                        variant="contained"
+                                        sx={{
+                                            backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1, my: 3
+                                        }}
+                                    >
+                                        수정하기
+                                    </Button>
+                                </Grid>
+
+
+                            </Box>
+                        </Box>
+                    </Container>
+                </div>
+                : <div>Loading</div>}
+        </>
+    )
+
+}
+
+
+export default MyInfo;
+
diff --git a/src/components/pet/PetEdit.tsx b/src/components/pet/PetEdit.tsx
index c81ba29..733327b 100644
--- a/src/components/pet/PetEdit.tsx
+++ b/src/components/pet/PetEdit.tsx
@@ -4,6 +4,7 @@ import api from "lib/api";
 import PetImgUpload from "./PetImgUpload";
 import { uploadS3 } from "lib/s3";
 import { Container, Typography, Grid, TextField, Box, Button, Card } from '@mui/material';
+import { useNavigate } from "react-router-dom";
 
 interface PetFormData {
     petname: string;
@@ -26,12 +27,14 @@ const minutes = String(currentDate.getMinutes()).padStart(2, '0');
 
 
 export const PetEdit = () => {
+    const navigate = useNavigate();
     const [petData, setPetData] = useState<PetFormData | null>(null);
     const [formattedDate, setFormattedDate] = useState('');
 
-    const { register, handleSubmit, formState: { errors } } = useForm<PetFormData>({ mode: 'all',
-    defaultValues: petData
- });
+    const { register, handleSubmit, formState: { errors } } = useForm<PetFormData>({
+        mode: 'all',
+        defaultValues: petData
+    });
     const [imageFile, setImageFile] = useState<File | null>(null);
     const [fileName, setFileName] = useState<string | null>(null);
     const [fileType, setFileType] = useState<string | null>(null);
@@ -48,11 +51,11 @@ export const PetEdit = () => {
         formData.append('name', fileName2);
         formData.append('type', fileType);
 
-        console.log("formData "+ formData.get('file'));
+        console.log("formData " + formData.get('file'));
 
         //s3에 파일 업로드 및 링크 반환
         const petUrl = await uploadS3(formData)
-        console.log("peturl "+petUrl)
+        console.log("peturl " + petUrl)
         data.petUrl = petUrl;
 
         api.put(`pet/edit/${petData.petId}`, JSON.stringify(data))
@@ -69,177 +72,179 @@ export const PetEdit = () => {
 
     }
 
-    useEffect(()=>{
+    useEffect(() => {
         getPetData()
-      },[])
-      
-      //펫 정보 받아오는 함수
-    const getPetData= () => {
+    }, [])
+
+    //펫 정보 받아오는 함수
+    const getPetData = () => {
         api.get("pet/petinfo")
-        .then((res)=>{
-            const petData: PetFormData = {
-                ...res.data.data
-            }
-            setPetData(petData);
-            setFormattedDate(new Date(petData.firstmet).toISOString().split('T')[0]);
+            .then((res) => {
+                const petData: PetFormData = {
+                    ...res.data.data
+                }
+                setPetData(petData);
+                setFormattedDate(new Date(petData.firstmet).toISOString().split('T')[0]);
 
-            }).catch((error)=>{
+            }).catch((error) => {
+                alert('펫을 먼저 등록해주세요!')
+                navigate("/pet/petform")
 
-          console.log(error.message)
-        })
-      }
+                console.log(error.message)
+            })
+    }
 
     return (
         <>
-        {petData ?
-            <>
-            <Container component="main" maxWidth="sm" sx={{ padding: 3 }}>
-                <Card
-                    sx={{
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center',
-                        border: '1px solid #DCDCDC', borderRadius: 5,
-                        padding: 4, backgroundColor: 'white'
-                    }}
-                >
-                    <Typography variant="h4" sx={{ mb: 2 }}>
-                        펫 수정
-                    </Typography>
-
-                    <Box component="form" noValidate onSubmit={handleSubmit(handleFormSubmit)} sx={{ mt: 3 }}>
-
-                        <Grid container spacing={2}>
-                            <Grid item xs={12}>
-                                <Box sx={{ display: 'flex', justifyContent: 'center' }}>
-                                    <PetImgUpload setImageFile={setImageFile} setFilename={setFileName} setFileType={setFileType} nowProfile={null} />
-                                </Box>
-                            </Grid>
-                            <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
-                                <Typography sx={{ color: '#969696' }}>이름</Typography>
-                            </Grid>
-                            <Grid item xs={10}>
-                                <TextField type="text"
-                                    size="small"
-                                    hiddenLabel
-                                    fullWidth
-                                    defaultValue ={petData.petname}
-                                    {...register("petname", {
-                                        required: {
-                                            value: true,
-                                            message: '반려 동물의 이름을 입력해주세요'
-                                        },
-                                        minLength: 2,
-                                        maxLength: 20
-                                    })}
-                                    error={!!errors.petname}
-                                    helperText={errors.petname?.message}
-                                />
-
-                            </Grid>
-                            <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
-                                <Typography sx={{ color: '#969696' }}>나이</Typography>
-                            </Grid>
-                            <Grid item xs={10}>
-                                <TextField
-                                    size="small"
-                                    hiddenLabel
-                                    fullWidth
-                                    type="number"
-                                    defaultValue ={petData.age}
-                                    {...register("age", {
-                                        required: {
-                                            value: true,
-                                            message: '반려 동물의 나이를 입력해주세요.(숫자만 입력가능)'
-                                        },
-                                    })}
-                                    error={!!errors.age}
-                                    helperText={errors.age?.message}
-                                />
-                            </Grid>
-
-                            <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
-                                <Typography sx={{ color: '#969696' }}>종류</Typography>
-                            </Grid>
-                            <Grid item xs={10}>
-                                <TextField
-                                    size="small"
-                                    hiddenLabel
-                                    fullWidth
-                                    type="text"
-                                    defaultValue ={petData.type}
-                                    {...register("type", {
-                                        required: {
-                                            value: true,
-                                            message: '반려 동물의 종을 입력해주세요'
-                                        },
-                                        minLength: 2,
-                                        maxLength: 20
-                                    })}
-                                    error={!!errors.type}
-                                    helperText={errors.type?.message}
-                                /></Grid>
-
-                            <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
-                                <Typography sx={{ color: '#969696' }}>몸무게</Typography>
-                            </Grid>
-                            <Grid item xs={10}>
-                                <TextField
-                                    size="small"
-                                    hiddenLabel
-                                    fullWidth
-                                    type="number"
-                                    defaultValue ={petData.weight}
-                                    {...register("weight", {
-                                        required: {
-                                            value: true,
-                                            message: '반려 동물의 몸무게를 입력해주세요.(숫자만 입력가능)'
-                                        },
-                                    })}
-                                    error={!!errors.weight}
-                                    helperText={errors.weight?.message}
-                                />
-                            </Grid>
-
-                            <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
-                                <Typography sx={{ color: '#969696' }}>처음 만난 날</Typography>
-                            </Grid>
-                            <Grid item xs={9}>
-                                <TextField
-                                    size="small"
-                                    hiddenLabel
-                                    fullWidth
-                                    type="date"
-                                    defaultValue={formattedDate} 
-                                    {...register("firstmet", {
-                                        required: {
-                                            value: true,
-                                            message: '반려 동물과의 처음 만난 날을 입력해주세요'
-                                        }
-                                    })}
-                                    error={!!errors.firstmet}
-                                    helperText={errors.firstmet?.message}
-
-                                /></Grid>
-
-                        </Grid>
-                        <Button
-                            type="submit"
-                            fullWidth
-                            variant="contained"
-                            sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1, marginY: 3 }}
+            {petData ?
+                <>
+                    <Container component="main" maxWidth="sm" sx={{ padding: 3 }}>
+                        <Card
+                            sx={{
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: 'center',
+                                border: '1px solid #DCDCDC', borderRadius: 5,
+                                padding: 4, backgroundColor: 'white'
+                            }}
                         >
-                            수정하기
-                        </Button>
-                    </Box>
-                </Card>
-            </Container>
-            </>
-: <></>}
+                            <Typography variant="h4" sx={{ mb: 2 }}>
+                                펫 수정
+                            </Typography>
+
+                            <Box component="form" noValidate onSubmit={handleSubmit(handleFormSubmit)} sx={{ mt: 3 }}>
+
+                                <Grid container spacing={2}>
+                                    <Grid item xs={12}>
+                                        <Box sx={{ display: 'flex', justifyContent: 'center' }}>
+                                            <PetImgUpload setImageFile={setImageFile} setFilename={setFileName} setFileType={setFileType} nowProfile={petData.petUrl} />
+                                        </Box>
+                                    </Grid>
+                                    <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>이름</Typography>
+                                    </Grid>
+                                    <Grid item xs={10}>
+                                        <TextField type="text"
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            defaultValue={petData.petname}
+                                            {...register("petname", {
+                                                required: {
+                                                    value: true,
+                                                    message: '반려 동물의 이름을 입력해주세요'
+                                                },
+                                                minLength: 2,
+                                                maxLength: 20
+                                            })}
+                                            error={!!errors.petname}
+                                            helperText={errors.petname?.message}
+                                        />
+
+                                    </Grid>
+                                    <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>나이</Typography>
+                                    </Grid>
+                                    <Grid item xs={10}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            type="number"
+                                            defaultValue={petData.age}
+                                            {...register("age", {
+                                                required: {
+                                                    value: true,
+                                                    message: '반려 동물의 나이를 입력해주세요.(숫자만 입력가능)'
+                                                },
+                                            })}
+                                            error={!!errors.age}
+                                            helperText={errors.age?.message}
+                                        />
+                                    </Grid>
+
+                                    <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>종류</Typography>
+                                    </Grid>
+                                    <Grid item xs={10}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            type="text"
+                                            defaultValue={petData.type}
+                                            {...register("type", {
+                                                required: {
+                                                    value: true,
+                                                    message: '반려 동물의 종을 입력해주세요'
+                                                },
+                                                minLength: 2,
+                                                maxLength: 20
+                                            })}
+                                            error={!!errors.type}
+                                            helperText={errors.type?.message}
+                                        /></Grid>
+
+                                    <Grid item xs={2} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>몸무게</Typography>
+                                    </Grid>
+                                    <Grid item xs={10}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            type="number"
+                                            defaultValue={petData.weight}
+                                            {...register("weight", {
+                                                required: {
+                                                    value: true,
+                                                    message: '반려 동물의 몸무게를 입력해주세요.(숫자만 입력가능)'
+                                                },
+                                            })}
+                                            error={!!errors.weight}
+                                            helperText={errors.weight?.message}
+                                        />
+                                    </Grid>
+
+                                    <Grid item xs={3} sx={{ display: 'flex', alignItems: 'center' }}>
+                                        <Typography sx={{ color: '#969696' }}>처음 만난 날</Typography>
+                                    </Grid>
+                                    <Grid item xs={9}>
+                                        <TextField
+                                            size="small"
+                                            hiddenLabel
+                                            fullWidth
+                                            type="date"
+                                            defaultValue={formattedDate}
+                                            {...register("firstmet", {
+                                                required: {
+                                                    value: true,
+                                                    message: '반려 동물과의 처음 만난 날을 입력해주세요'
+                                                }
+                                            })}
+                                            error={!!errors.firstmet}
+                                            helperText={errors.firstmet?.message}
+
+                                        /></Grid>
+
+                                </Grid>
+                                <Button
+                                    type="submit"
+                                    fullWidth
+                                    variant="contained"
+                                    sx={{ backgroundColor: '#FFAE8B', boxShadow: 'none', paddingY: 1, marginY: 3 }}
+                                >
+                                    수정하기
+                                </Button>
+                            </Box>
+                        </Card>
+                    </Container>
+                </>
+                : <></>}
         </>
     )
 
 
 }
 
-;
+    ;
diff --git a/src/components/pet/PetImgUpload.tsx b/src/components/pet/PetImgUpload.tsx
index b080b99..649000f 100644
--- a/src/components/pet/PetImgUpload.tsx
+++ b/src/components/pet/PetImgUpload.tsx
@@ -41,7 +41,7 @@ export default function PetImgUpload({ setImageFile, setFilename, setFileType, n
                     aria-label="upload picture"
                     component="span"
                 >
-                    <Avatar sx={{ width: 200, height: 200 }} src={imagePreview} />
+                    <Avatar sx={{ width: 200, height: 200 }} src={imagePreview ? imagePreview : nowProfile} />
                 </IconButton>
             </label>
 
diff --git a/src/layouts/dashboard/header/AccountPopover.js b/src/layouts/dashboard/header/AccountPopover.js
index 25e5e2d..8b96678 100644
--- a/src/layouts/dashboard/header/AccountPopover.js
+++ b/src/layouts/dashboard/header/AccountPopover.js
@@ -10,15 +10,18 @@ import { Link } from 'react-router-dom';
 import { atom, useRecoilState } from 'recoil';
 
 export const petState = atom({
-  key:'petImg',
-  default:''
+  key: 'petImg',
+  default: ''
 })
 
 // ----------------------------------------------------------------------
 
 export default function AccountPopover({ isLoggedIn }) {
 
-   const [open, setOpen] = useState(null);
+  const [open, setOpen] = useState(null);
+  const [email, setEmail] = useState('');
+  const [nick, setNick] = useState('')
+
 
   const handleOpen = (event) => {
     setOpen(event.currentTarget);
@@ -32,30 +35,39 @@ export default function AccountPopover({ isLoggedIn }) {
 
   useEffect(() => {
     handlePetUrl()
+    getMemberInfo()
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [petImg])
+  }, [petImg, nick])
 
   const settings = isLoggedIn
-  ? [
-    { label: "마이 페이지", href: "/member/mypage" },
-    { label: "펫 등록", href: "/pet/petform" },
-    { label: "펫 수정", href: "/pet/edit" },
-    { label: "로그아웃", href: "/logout" }
-  ]
-  : [{ label: "로그인", href: "/login" },
-  { label: "회원가입", href: "/signup" }
-  ];
-  
+    ? [
+      { label: "마이 페이지", href: "/member/myInfo" },
+      { label: "펫 등록", href: "/pet/petform" },
+      { label: "펫 수정", href: "/pet/edit" },
+      { label: "로그아웃", href: "/logout" }
+    ]
+    : [{ label: "로그인", href: "/login" },
+    { label: "회원가입", href: "/signup" }
+    ];
+
 
   //헤더 아바타에 들어갈 펫 이미지 
   const handlePetUrl = async () => {
     if (Cookies.get("key")) {
       const result = await api.get("pet/petinfo");
-      setPetImg(result.data.data.petUrl);
+      if (result) {
+        setPetImg(result.data.data.petUrl);
+      }
+    }
   }
-}
-  console.log("isLoggedIn"+isLoggedIn)
+  console.log("isLoggedIn" + isLoggedIn)
 
+  const getMemberInfo = async () => {
+    const result = await api.get("member/myInfo")
+    setNick(result.data.data.nickname)
+    setEmail(result.data.data.email)
+    console.log("nowNick:" + result.data.data.nickname)
+  }
 
 
   return (
@@ -77,7 +89,7 @@ export default function AccountPopover({ isLoggedIn }) {
           }),
         }}
       >
-        <Avatar alt="Remy Sharp" src={petImg} sx={{backgroundColor:'#FFAE8B' }}/>
+        <Avatar alt="Remy Sharp" src={petImg} sx={{ backgroundColor: '#FFAE8B' }} />
       </IconButton>
 
       <Popover
@@ -101,10 +113,10 @@ export default function AccountPopover({ isLoggedIn }) {
       >
         <Box sx={{ my: 1.5, px: 2.5 }}>
           <Typography variant="subtitle2" noWrap>
-            {account.displayName}
+            {nick} 님
           </Typography>
           <Typography variant="body2" sx={{ color: 'text.secondary' }} noWrap>
-            {account.email}
+            {email}
           </Typography>
         </Box>
 
diff --git a/src/layouts/dashboard/nav/navList.tsx b/src/layouts/dashboard/nav/navList.tsx
index a40c97d..8f3995e 100644
--- a/src/layouts/dashboard/nav/navList.tsx
+++ b/src/layouts/dashboard/nav/navList.tsx
@@ -45,7 +45,7 @@ export default function NavList() {
 
             <Collapse in={open} timeout="auto" unmountOnExit>
                 <List component="div" disablePadding>
-                    <CustomListItem href="/member/editPw" primaryText="내 정보" icon={<PermIdentityOutlinedIcon />} plSize={4} />
+                    <CustomListItem href="/member/myInfo" primaryText="내 정보" icon={<PermIdentityOutlinedIcon />} plSize={4} />
                     <CustomListItem href="/member/editPw" primaryText="비밀번호 변경" icon={<VpnKeyOutlinedIcon />} plSize={4} />
                     <CustomListItem href="/member/editNick" primaryText="닉네임 변경" icon={<DnsOutlinedIcon />} plSize={4} />
                 </List>
@@ -79,7 +79,7 @@ const CustomListItem = ({ href, primaryText, icon, plSize }:
             <ListItemIcon>
                 {icon}
             </ListItemIcon>
-            <ListItemText primary={primaryText} />
+            <ListItemText primary={primaryText}  />
         </ListItemButton>
     );
 };
diff --git a/src/routes.js b/src/routes.js
index 105468e..675aa24 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -19,6 +19,7 @@ import EditNick from 'components/member/mypage/EditNick';
 import EditPw from 'components/member/mypage/EditPw';
 import PetEditPage from 'pages/PetEditPage';
 import DiaryPage from './pages/DiaryPage';
+import MyInfo from 'components/member/mypage/MyInfo';
 import { PrivateRoute } from 'components/member/PrIvateRoute';
 
 // ----------------------------------------------------------------------
@@ -79,6 +80,7 @@ export default function Router() {
       children: [
         {element: <EditNick/>, path:'editNick' },
         {element: <EditPw/>, path:'editPw' },
+        {element: <MyInfo/>, path:'myInfo' },
       ]
     },
     {