From 8fa7f8818a1bfe4a59b816c9f33003df1abda13c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Wed, 14 Aug 2024 10:06:55 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EB=82=B4=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=EA=B8=80=EC=9E=90=EC=88=98=20=EC=A0=9C?=
 =?UTF-8?q?=ED=95=9C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/InfoEditForm/InfoEditForm.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/InfoEditForm/InfoEditForm.jsx b/frontend/src/components/InfoEditForm/InfoEditForm.jsx
index 30f41d2..4328077 100644
--- a/frontend/src/components/InfoEditForm/InfoEditForm.jsx
+++ b/frontend/src/components/InfoEditForm/InfoEditForm.jsx
@@ -33,6 +33,7 @@ export default function InfoEditForm({ name, email, onSubmit, usingEmail }) {
           onChange={(e) => setUsername(e.target.value)}
           required
         />
+        {username.length > 19 && <div className={styles.maxLengthMessage}>최대 20자까지 입력 가능합니다</div>}
       </div>
       <p className={styles.textHeading}>이메일 변경</p>
       <div className={styles.inputBox}>
@@ -52,6 +53,8 @@ export default function InfoEditForm({ name, email, onSubmit, usingEmail }) {
           onChange={(e) => setUseremail(e.target.value)}
           required
         />
+        {useremail.length > 49 && <div className={styles.maxLengthMessage}>최대 50자까지 입력 가능합니다</div>}
+
         {usingEmail && <div className={styles.errorText}>이미 사용중인 이메일입니다</div>}
       </div>
       <button