V2 컴포넌트 규칙 추가 및 기존 컴포넌트 자동 등록 개선: 화면 컴포넌트 개발 가이드에 V2 컴포넌트 사용 규칙을 명시하고, ComponentsPanel에서 수동으로 추가하던 table-list 컴포넌트를 자동 등록으로 변경하여 관리 효율성을 높였습니다. 또한, V2 컴포넌트 목록과 수정/개발 시 규칙을 추가하여 일관된 개발 환경을 조성하였습니다.

frontend/lib/registry/components/v2-divider-line/index.ts

@@ -0,0 +1,41 @@
+"use client";
+
+import React from "react";
+import { createComponentDefinition } from "../../utils/createComponentDefinition";
+import { ComponentCategory } from "@/types/component";
+import type { WebType } from "@/types/screen";
+import { DividerLineWrapper } from "./DividerLineComponent";
+import { DividerLineConfigPanel } from "./DividerLineConfigPanel";
+import { DividerLineConfig } from "./types";
+
+/**
+ * DividerLine 컴포넌트 정의
+ * divider-line 컴포넌트입니다
+ */
+export const V2DividerLineDefinition = createComponentDefinition({
+  id: "v2-divider-line",
+  name: "구분선",
+  nameEng: "DividerLine Component",
+  description: "영역 구분을 위한 구분선 컴포넌트",
+  category: ComponentCategory.LAYOUT,
+  webType: "text",
+  component: DividerLineWrapper,
+  defaultConfig: {
+    placeholder: "텍스트를 입력하세요",
+    maxLength: 255,
+  },
+  defaultSize: { width: 400, height: 2 },
+  configPanel: DividerLineConfigPanel,
+  icon: "Layout",
+  tags: [],
+  version: "1.0.0",
+  author: "Developer",
+  documentation: "https://docs.example.com/components/divider-line",
+});
+
+// 타입 내보내기
+export type { DividerLineConfig } from "./types";
+
+// 컴포넌트 내보내기
+export { DividerLineComponent } from "./DividerLineComponent";
+export { DividerLineRenderer } from "./DividerLineRenderer";