'use client'; import { useState } from 'react'; import { useRouter } from 'next/navigation'; export default function IdFindPage() { const router = useRouter(); const [name, setName] = useState(''); const [phone, setPhone] = useState(''); const [nameError, setNameError] = useState(''); const [phoneError, setPhoneError] = useState(''); const handleNameChange = (e: React.ChangeEvent) => { let value = e.target.value; setName(value); if (nameError) { setNameError(''); } }; const handlePhoneChange = (e: React.ChangeEvent) => { let value = e.target.value.replace(/[^\d]/g, ''); if (value.length > 11) value = value.slice(0, 11); setPhone(value); if (phoneError) { setPhoneError(''); } }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); setNameError(''); setPhoneError(''); let isValid = true; if (!name.trim()) { setNameError('이름을 입력해주세요.'); isValid = false; } if (!phone.trim()) { setPhoneError('휴대폰 번호를 입력해주세요.'); isValid = false; } else if (phone.length !== 11) { setPhoneError('올바른 휴대폰 번호를 입력해주세요.'); isValid = false; } if (isValid) { // TODO: 아이디 찾기 API 호출 // 임시로 다음 단계로 이동 router.push('/idfind/result'); } }; return (

{/* 제목 */}

아이디 찾기

{/* 입력 폼 */} {/* 다음 버튼 */}

{/* 카피라이트 */}

); }