Merge remote-tracking branch 'origin/jaeyeon2' into jiweon827

client/src/components/Profile/InfoUpdate.js

 import { Link } from "react-router-dom";
+import React, { useState } from "react";
 
 const InfoUpdate = () => {
+  // const INIT_ACCOUNT={
+  //   name:"",
+  // }
+
+  // const [account, setAccount] = useState(INIT_ACCOUNT)
+
+  // const handleChange = (e)=>{
+  //   const {name, value, files}=e.target
+  //   if(files){
+  //     setAccount({...account,[name]:files})
+  //     console.log('aaaaaaa')
+  //   } else{
+  //     setAccount({...account, [name]:value})
+  //   }
+  // }
 
-  function inputfile(){
-    console.log('aa')
-  }
   const id = 1;
   const number = 1234;
   return (
@@ -36,18 +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
+                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={{
+                      width: "50px",
+                      height: "50px",
+                      backgroundColor: "white",
+                    }}
+                  />
+                </label>
+                <input
+                  type="file"
+                  accept="image/*"
+                  id="inputfile"
+                  style={{ display: "none" }}
+                />
               </div>
-            <div className="mt-2 d-flex justify-content-end">
-              <label for='inputfile' style={{ fontSize: "13px", fontWeight: "bold" }}>사진 선택</label>
-              <input type="file" id='inputfile' style={{display:'none'}}/>
             </div>
+
             <div className="col d-flex justify-content-center">
               <input
                 type="text"

client/src/components/SignUp.js

@@ -85,6 +85,7 @@ const Signup = () => {
                   type="text"
                   name="idNumber1"
                   placeholder="●●●●●●"
+                  maxLength='6'
                   value={idNumber1}
                   onChange={handleChange}
                 />
@@ -149,7 +150,7 @@ const Signup = () => {
               id="phone"
               type="text"
               name="phone"
-              placeholder="숫자만 입력하세요"
+              placeholder="'-'을 제외하고 입력하세요"
               value={phone}
               onChange={handleChange}
             />