diff --git a/src/components/auth/SignupPage.tsx b/src/components/auth/SignupPage.tsx
index 8636adab..f4423754 100644
--- a/src/components/auth/SignupPage.tsx
+++ b/src/components/auth/SignupPage.tsx
@@ -2,6 +2,7 @@
import { useState } from "react";
import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
@@ -23,6 +24,9 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
export function SignupPage() {
const router = useRouter();
+ const t = useTranslations("auth");
+ const tSignup = useTranslations("signup");
+ const tValidation = useTranslations("validation");
const [step, setStep] = useState(1);
const [formData, setFormData] = useState({
// 회사 정보
@@ -53,20 +57,116 @@ export function SignupPage() {
setFormData(prev => ({ ...prev, [field]: value }));
};
- const handleSubmit = () => {
- // 회원가입 처리 (실제로는 API 호출)
- const userData = {
- ...formData,
- role: "CEO", // 기본 역할
- };
+ // 사업자등록번호 자동 포맷팅 (000-00-00000)
+ const formatBusinessNumber = (value: string) => {
+ // 숫자만 추출
+ const numbers = value.replace(/[^\d]/g, '');
- // Save user data to localStorage (client-side only)
- if (typeof window !== "undefined") {
- localStorage.setItem("user", JSON.stringify(userData));
+ // 최대 10자리까지만
+ const limited = numbers.slice(0, 10);
+
+ // 형식에 맞게 하이픈 추가
+ if (limited.length <= 3) {
+ return limited;
+ } else if (limited.length <= 5) {
+ return `${limited.slice(0, 3)}-${limited.slice(3)}`;
+ } else {
+ return `${limited.slice(0, 3)}-${limited.slice(3, 5)}-${limited.slice(5)}`;
}
+ };
- // Navigate to dashboard
- router.push("/dashboard");
+ const handleBusinessNumberChange = (value: string) => {
+ const formatted = formatBusinessNumber(value);
+ handleInputChange("businessNumber", formatted);
+ };
+
+ // 핸드폰 번호 자동 포맷팅 (010-1111-1111 or 010-111-1111)
+ const formatPhoneNumber = (value: string) => {
+ // 숫자만 추출
+ const numbers = value.replace(/[^\d]/g, '');
+
+ // 최대 11자리까지만
+ const limited = numbers.slice(0, 11);
+
+ // 형식에 맞게 하이픈 추가
+ if (limited.length <= 3) {
+ return limited;
+ } else if (limited.length <= 6) {
+ return `${limited.slice(0, 3)}-${limited.slice(3)}`;
+ } else if (limited.length === 10) {
+ // 10자리: 010-111-1111
+ return `${limited.slice(0, 3)}-${limited.slice(3, 6)}-${limited.slice(6)}`;
+ } else {
+ // 11자리: 010-1111-1111
+ return `${limited.slice(0, 3)}-${limited.slice(3, 7)}-${limited.slice(7)}`;
+ }
+ };
+
+ const handlePhoneNumberChange = (value: string) => {
+ const formatted = formatPhoneNumber(value);
+ handleInputChange("phone", formatted);
+ };
+
+ // 전체 동의 처리
+ const handleAgreeAll = (checked: boolean) => {
+ setFormData(prev => ({
+ ...prev,
+ agreeTerms: checked,
+ agreePrivacy: checked,
+ }));
+ };
+
+ // 전체 동의 체크박스 상태 계산
+ const isAllAgreed = formData.agreeTerms && formData.agreePrivacy;
+
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState("");
+
+ const handleSubmit = async () => {
+ setIsLoading(true);
+ setError("");
+
+ try {
+ // Prepare request body matching backend format
+ const requestBody = {
+ user_id: formData.userId,
+ name: formData.name,
+ email: formData.email,
+ phone: formData.phone,
+ password: formData.password,
+ password_confirmation: formData.passwordConfirm,
+ position: formData.position || "",
+ company_name: formData.companyName,
+ business_num: formData.businessNumber,
+ company_scale: formData.companySize,
+ industry: formData.industry,
+ };
+
+ const response = await fetch('/api/auth/signup', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(requestBody),
+ credentials: 'include',
+ });
+
+ const data = await response.json();
+
+ if (!response.ok) {
+ setError(data.error || 'Registration failed');
+ setIsLoading(false);
+ return;
+ }
+
+ console.log('✅ Signup successful:', data);
+
+ // Navigate to login page after successful signup
+ router.push("/login?registered=true");
+
+ } catch (err) {
+ console.error('Signup error:', err);
+ setError('Network error. Please try again.');
+ setIsLoading(false);
+ }
};
const [stepErrors, setStepErrors] = useState<{ [key: string]: string }>({});
@@ -145,14 +245,14 @@ export function SignupPage() {
SAM
-
회원가입
+
{t("signupTitle")}
@@ -189,13 +289,13 @@ export function SignupPage() {