프로필 사진선택 변경

client/src/components/Profile/InfoUpdate.js

 import { Link } from "react-router-dom";
-import React,{useState} from "react";
+import React, { useState } from "react";
 
 const InfoUpdate = () => {
   // const INIT_ACCOUNT={
@@ -49,20 +49,41 @@ const InfoUpdate = () => {
       <div className="col">
         <div>
           <div className="row">
-            <div className="d-flex justify-content-center">
+            <div
+              className="d-flex justify-content-center"
+              style={{ position: "relative" }}
+            >
               <img
                 src="/cherry.jpg"
                 id="imgfile"
                 className="rounded-circle mt-2"
                 style={{ height: "320px", width: "320px" }}
               />
-            </div>
-            <div className="mt-2 d-flex justify-content-end">
-              <label for='inputfile' 
+              <div
+                className="d-flex justify-content-end"
+                style={{ position: "absolute", left: "295px", top: "30px" }}
+              >
+                <label for="inputfile">
+                  <img
+                    className="rounded-circle"
+                    src="/infoimg.jpg"
                     // onChange={handleChange}
-              style={{ fontSize: "13px", fontWeight: "bold" }}>사진 선택</label>
-              <input type="file" accept='image/*' id='inputfile' style={{display:'none'}}/>
+                    style={{
+                      width: "50px",
+                      height: "50px",
+                      backgroundColor: "white",
+                    }}
+                  />
+                </label>
+                <input
+                  type="file"
+                  accept="image/*"
+                  id="inputfile"
+                  style={{ display: "none" }}
+                />
+              </div>
             </div>
+
             <div className="col d-flex justify-content-center">
               <input
                 type="text"