feat(WEB): 거래처 DevFill 자동 채우기 기능 추가

- 거래처 샘플 데이터 생성기 추가 (clientData.ts)
- DevFillContext에 'client' 페이지 타입 추가
- DevToolbar에 기준정보 섹션 (녹색 테마) 추가
- IntegratedDetailTemplate forwardRef 지원으로 외부 폼 데이터 조작 가능
- ClientDetailClientV2에서 DevFill 등록 로직 구현

src/components/dev/generators/clientData.ts

@@ -0,0 +1,165 @@
+/**
+ * 거래처 샘플 데이터 생성기
+ */
+
+import {
+  randomPick,
+  randomInt,
+  randomPhone,
+} from './index';
+
+// ===== 상수 정의 =====
+
+// 회사명 접두어
+const COMPANY_PREFIXES = [
+  '(주)', '주식회사 ', '', '(유)', '유한회사 ',
+];
+
+// 회사명
+const COMPANY_NAMES = [
+  '대한철강', '신성산업', '한국정밀', '동양기계', '서울금속',
+  '부산화학', '인천전자', '광주물산', '대구섬유', '울산중공업',
+  '경기식품', '강원목재', '충청농산', '전북수산', '제주관광',
+  '삼성전자', 'LG화학', '현대중공업', 'SK하이닉스', '포스코',
+  '한화솔루션', '롯데케미칼', 'CJ대한통운', 'GS칼텍스', 'S-Oil',
+];
+
+// 대표자 성
+const LAST_NAMES = ['김', '이', '박', '최', '정', '강', '조', '윤', '장', '임', '한', '오', '서', '신', '권', '황', '안', '송', '류', '홍'];
+
+// 대표자 이름
+const FIRST_NAMES = ['영수', '민수', '철수', '영희', '민희', '수진', '지영', '성호', '현우', '준호', '서연', '지민', '하늘', '도윤', '서준', '예준', '민준', '지후', '수아', '하윤'];
+
+// 업태
+const BUSINESS_TYPES = [
+  '제조업', '도소매업', '건설업', '서비스업', '운수업',
+  '정보통신업', '금융업', '부동산업', '전문서비스업', '교육서비스업',
+];
+
+// 종목
+const BUSINESS_ITEMS = [
+  '철강', '기계', '전자부품', '화학제품', '섬유',
+  '식품', '자동차부품', '건설자재', '플라스틱', '금속가공',
+  '소프트웨어', '컨설팅', '물류', '무역', '반도체',
+];
+
+// 거래처 유형
+const CLIENT_TYPES = ['매입', '매출', '매입매출'] as const;
+
+// 주소 - 시도
+const CITIES = ['서울', '부산', '인천', '대구', '광주', '대전', '울산', '세종', '경기', '강원', '충북', '충남', '전북', '전남', '경북', '경남', '제주'];
+
+// 주소 - 구/시
+const DISTRICTS = ['강남구', '서초구', '송파구', '중구', '종로구', '영등포구', '마포구', '성동구', '동작구', '관악구'];
+
+// 주소 - 상세
+const STREET_NAMES = ['테헤란로', '강남대로', '영동대로', '올림픽로', '삼성로', '선릉로', '봉은사로', '도산대로', '언주로', '논현로'];
+
+// 담당자명
+const MANAGER_NAMES = ['김담당', '이과장', '박대리', '최주임', '정사원', '강매니저', '조팀장', '윤실장', '장차장', '임부장'];
+
+// 메모
+const MEMOS = [
+  '우량 거래처',
+  '장기 거래 예정',
+  '결제 조건 협의 필요',
+  '월 정기 발주 거래처',
+  '신규 거래처 - 신용 확인 필요',
+  '현금 결제 선호',
+  '분기별 결제',
+  '',
+];
+
+// ===== 유틸리티 함수 =====
+
+// 랜덤 사업자등록번호 생성 (형식: 000-00-00000)
+function generateBusinessNo(): string {
+  const part1 = String(randomInt(100, 999));
+  const part2 = String(randomInt(10, 99));
+  const part3 = String(randomInt(10000, 99999));
+  return `${part1}-${part2}-${part3}`;
+}
+
+// 랜덤 이름 생성
+function generateName(): string {
+  return randomPick(LAST_NAMES) + randomPick(FIRST_NAMES);
+}
+
+// 랜덤 회사명 생성
+function generateCompanyName(): string {
+  return randomPick(COMPANY_PREFIXES) + randomPick(COMPANY_NAMES);
+}
+
+// 랜덤 주소 생성
+function generateAddress(): string {
+  const city = randomPick(CITIES);
+  const district = randomPick(DISTRICTS);
+  const street = randomPick(STREET_NAMES);
+  const buildingNo = randomInt(1, 500);
+  return `${city} ${district} ${street} ${buildingNo}`;
+}
+
+// 랜덤 이메일 생성
+function generateEmail(companyName: string): string {
+  const domains = ['company.com', 'corp.co.kr', 'business.com', 'enterprise.kr', 'inc.co.kr'];
+  // 회사명에서 영문/숫자만 추출하거나 기본값 사용
+  const cleanName = companyName.replace(/[^a-zA-Z0-9]/g, '').toLowerCase() || 'contact';
+  const prefix = cleanName.slice(0, 10) || 'info';
+  return `${prefix}@${randomPick(domains)}`;
+}
+
+// 랜덤 팩스번호 생성
+function generateFax(): string {
+  const areaCode = randomPick(['02', '031', '032', '051', '053', '062', '042', '052']);
+  const middle = randomInt(100, 999);
+  const last = randomInt(1000, 9999);
+  return `${areaCode}-${middle}-${last}`;
+}
+
+// ===== 타입 정의 =====
+
+export interface ClientFormData {
+  businessNo: string;
+  clientCode: string;
+  name: string;
+  representative: string;
+  clientType: '매입' | '매출' | '매입매출';
+  businessType: string;
+  businessItem: string;
+  address: string;
+  phone: string;
+  mobile: string;
+  fax: string;
+  email: string;
+  managerName: string;
+  managerTel: string;
+  systemManager: string;
+  memo: string;
+  isActive: string; // 'true' | 'false'
+}
+
+// ===== 메인 생성 함수 =====
+
+export function generateClientData(): ClientFormData {
+  const companyName = generateCompanyName();
+
+  return {
+    businessNo: generateBusinessNo(),
+    clientCode: '', // 자동 생성되므로 빈 값
+    name: companyName,
+    representative: generateName(),
+    clientType: randomPick(CLIENT_TYPES),
+    businessType: randomPick(BUSINESS_TYPES),
+    businessItem: randomPick(BUSINESS_ITEMS),
+    address: generateAddress(),
+    phone: generateFax(), // 회사 전화는 지역번호 형식
+    mobile: randomPhone(),
+    fax: generateFax(),
+    email: generateEmail(companyName),
+    managerName: randomPick(MANAGER_NAMES),
+    managerTel: randomPhone(),
+    systemManager: randomPick(MANAGER_NAMES),
+    memo: randomPick(MEMOS),
+    isActive: 'true',
+  };
+}