리사이징, 체크박스,엔터치면 다음 칸으로 이동, 표수정, 컬럼에서 이미지 넣는거 등등

frontend/lib/registry/components/image-widget/ImageWidgetRenderer.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+import { AutoRegisteringComponentRenderer } from "../../AutoRegisteringComponentRenderer";
+import { ImageWidgetDefinition } from "./index";
+import { ImageWidget } from "@/components/screen/widgets/types/ImageWidget";
+
+/**
+ * ImageWidget 렌더러
+ * 자동 등록 시스템을 사용하여 컴포넌트를 레지스트리에 등록
+ */
+export class ImageWidgetRenderer extends AutoRegisteringComponentRenderer {
+  static componentDefinition = ImageWidgetDefinition;
+
+  render(): React.ReactElement {
+    return <ImageWidget {...this.props} renderer={this} />;
+  }
+
+  /**
+   * 컴포넌트별 특화 메서드들
+   */
+  
+  // image 타입 특화 속성 처리
+  protected getImageWidgetProps() {
+    const baseProps = this.getWebTypeProps();
+    
+    // image 타입에 특화된 추가 속성들
+    return {
+      ...baseProps,
+      // 여기에 image 타입 특화 속성들 추가
+    };
+  }
+
+  // 값 변경 처리
+  protected handleValueChange = (value: any) => {
+    this.updateComponent({ value });
+  };
+
+  // 포커스 처리
+  protected handleFocus = () => {
+    // 포커스 로직
+  };
+
+  // 블러 처리
+  protected handleBlur = () => {
+    // 블러 로직
+  };
+}
+
+// 자동 등록 실행
+ImageWidgetRenderer.registerSelf();
+
+// Hot Reload 지원 (개발 모드)
+if (process.env.NODE_ENV === "development") {
+  ImageWidgetRenderer.enableHotReload();
+}
+