From a99cf3a997206fc949569bfec7a365a0c47804e7 Mon Sep 17 00:00:00 2001
From: LEEYONGJAE <dhfkdl26@interplug.co.kr>
Date: Thu, 13 Feb 2025 11:18:25 +0900
Subject: [PATCH] =?UTF-8?q?#719=20id=20=EC=8B=A0=EC=B2=9C=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=ED=95=84=EC=88=98=EA=B0=92=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/auth/Join.jsx | 74 ++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/src/components/auth/Join.jsx b/src/components/auth/Join.jsx
index 008de3a5..4c080f00 100644
--- a/src/components/auth/Join.jsx
+++ b/src/components/auth/Join.jsx
@@ -23,7 +23,9 @@ export default function Join() {
   const addrRef = useRef()
   const telNoRef = useRef()
   const faxRef = useRef()
+  const bizNoRef = useRef()
   const userNmRef = useRef()
+  const userNmKanaRef = useRef()
   const userIdRef = useRef()
   const emailRef = useRef()
   const userTelNoRef = useRef()
@@ -71,11 +73,10 @@ export default function Join() {
       return false
     }
 
-    // 판매대리점 정보 - FAX 번호
-    const fax = formData.get('fax')
-    if (!isObjectNotEmpty(fax)) {
-      alert(getMessage('common.message.required.data', [getMessage('join.sub1.fax')]))
-      faxRef.current.focus()
+    const bizNo = formData.get('bizNo')
+    if (!isObjectNotEmpty(bizNo)) {
+      alert(getMessage('common.message.required.data', [getMessage('join.sub1.bizNo')]))
+      bizNoRef.current.focus()
       return false
     }
 
@@ -87,6 +88,14 @@ export default function Join() {
       return false
     }
 
+    // 담당자 정보 - 담당자명 후리가나
+    const userNmKana = formData.get('userNmKana')
+    if (!isObjectNotEmpty(userNmKana)) {
+      alert(getMessage('common.message.required.data', [getMessage('join.sub2.userNmKana')]))
+      userNmKanaRef.current.focus()
+      return false
+    }
+
     // 담당자 정보 - 신청 ID
     const userId = formData.get('userId')
     if (!isObjectNotEmpty(userId)) {
@@ -120,13 +129,6 @@ export default function Join() {
       return false
     }
 
-    // 담당자 정보 - FAX 번호
-    const userFax = formData.get('userFax')
-    if (!isObjectNotEmpty(userFax)) {
-      alert(getMessage('common.message.required.data', [getMessage('join.sub2.fax')]))
-      userFaxRef.current.focus()
-      return false
-    }
     return true
   }
 
@@ -285,9 +287,8 @@ export default function Join() {
                             id="telNo"
                             name="telNo"
                             className="input-light"
-                            placeholder={getMessage('join.sub1.telNo_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={telNoRef}
                           />
                         </div>
@@ -295,30 +296,29 @@ export default function Join() {
                     </tr>
                     {/* FAX 번호 */}
                     <tr>
-                      <th>
-                        {getMessage('join.sub1.fax')} <span className="important">*</span>
-                      </th>
+                      <th>{getMessage('join.sub1.fax')}</th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input
-                            type="text"
-                            id="fax"
-                            name="fax"
-                            className="input-light"
-                            placeholder={getMessage('join.sub1.fax_placeholder')}
-                            maxLength={15}
-                            onChange={inputTelNumberCheck}
-                            ref={faxRef}
-                          />
+                          <input type="text" id="fax" name="fax" className="input-light" maxLength={15} onChange={inputNumberCheck} ref={faxRef} />
                         </div>
                       </td>
                     </tr>
                     {/* 법인번호 */}
                     <tr>
-                      <th>{getMessage('join.sub1.bizNo')}</th>
+                      <th>
+                        {getMessage('join.sub1.bizNo')} <span className="important">*</span>
+                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input type="text" id="bizNo" name="bizNo" className="input-light" maxLength={15} onChange={inputTelNumberCheck} />
+                          <input
+                            type="text"
+                            id="bizNo"
+                            name="bizNo"
+                            className="input-light"
+                            maxLength={15}
+                            onChange={inputNumberCheck}
+                            ref={bizNoRef}
+                          />
                         </div>
                       </td>
                     </tr>
@@ -354,10 +354,12 @@ export default function Join() {
                     </tr>
                     {/* 담당자명 후리가나 */}
                     <tr>
-                      <th>{getMessage('join.sub2.userNmKana')}</th>
+                      <th>
+                        {getMessage('join.sub2.userNmKana')} <span className="important">*</span>
+                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input type="text" id="userNmKana" name="userNmKana" maxLength={20} className="input-light" />
+                          <input type="text" id="userNmKana" name="userNmKana" maxLength={20} className="input-light" ref={userNmKanaRef} />
                         </div>
                       </td>
                     </tr>
@@ -395,9 +397,8 @@ export default function Join() {
                             id="userTelNo"
                             name="userTelNo"
                             className="input-light"
-                            placeholder={getMessage('join.sub2.telNo_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={userTelNoRef}
                           />
                         </div>
@@ -405,9 +406,7 @@ export default function Join() {
                     </tr>
                     {/* FAX 번호 */}
                     <tr>
-                      <th>
-                        {getMessage('join.sub2.fax')} <span className="important">*</span>
-                      </th>
+                      <th>{getMessage('join.sub2.fax')}</th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
                           <input
@@ -415,9 +414,8 @@ export default function Join() {
                             id="userFax"
                             name="userFax"
                             className="input-light"
-                            placeholder={getMessage('join.sub1.fax_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={userFaxRef}
                           />
                         </div>