Merge pull request #421 from Podo-Store/fix/payment-phone-format

fix: 결제 진행 시 신청자 전화번호 형식 검증 추가 및 하이픈 자동 추가

Author: game240

src/pages/payment/Purchase.jsx

@@ -95,12 +95,17 @@ const Purchase = () => {
     }
   }, [name]);
 
+  // useEffect(() => {
+  //   if (phone.length > 0 && phone.trim() !== "") {
+  //     setPhoneValid(true);
+  //   } else {
+  //     setPhoneValid(false);
+  //   }
+  // }, [phone]);
+
   useEffect(() => {
-    if (phone.length > 0 && phone.trim() !== "") {
-      setPhoneValid(true);
-    } else {
-      setPhoneValid(false);
-    }
+    const PHONE_REGEX = /^010-\d{4}-\d{4}$/;
+    setPhoneValid(PHONE_REGEX.test(phone));
   }, [phone]);
 
   useEffect(() => {
@@ -183,8 +188,14 @@ const Purchase = () => {
     setIsLoading(true);
 
     // 1) 사용자 입력 검증
-    if (buyPerform && (!nameValid || !phoneValid || !addressValid)) {
-      alert("신청자 정보를 다시 확인해주세요.");
+    // if (buyPerform && (!nameValid || !addressValid)) {
+    //   alert("신청자 정보를 다시 확인해주세요.");
+    //   setIsLoading(false);
+    //   return;
+    // }
+    
+    if (buyPerform && !phoneValid) {
+      alert("전화번호 입력 형식을 다시 확인해 주세요 (010-****-****)");
       setIsLoading(false);
       return;
     }
@@ -268,7 +279,6 @@ const Purchase = () => {
         JSON.stringify(requestBody)
       );
 
-
       requestPay({
         clientId: import.meta.env.VITE_NICEPAY_CLIENT_KEY,
         method: nicepayMethod, // 'card' | 'bank' | 'vbank'