log를 제거하고 리팩토링했다.

Author: kciter

src/atelier.tsx

@@ -83,8 +83,6 @@ export const Atelier = forwardRef(
     useEffect(() => {
       if (!canvasRef.current) return;
 
-      console.log(currentPlugins);
-
       setCurrentPlugins(
         Object.assign(
           {},
@@ -177,11 +175,11 @@ export const Atelier = forwardRef(
             onMouseOut: handleDrawFinish,
           }
         : {};
-    }, [currentPlugins, command, lineWidth, color]);
+    }, [currentPlugins, command, lineWidth, color, width, height, scale]);
 
     const handleClear = useCallback(() => {
       canvasRef.current?.getContext('2d')?.clearRect(0, 0, width, height);
-    }, []);
+    }, [width, height]);
 
     useImperativeHandle(ref, () => ({
       clear: handleClear,

src/plugins/eraser.ts

@@ -1,4 +1,4 @@
-import { DrawingInterface, Plugin, PluginInterface } from './plugin';
+import { DrawingInterface, Plugin } from './plugin';
 
 export class EraserPlugin extends Plugin {
   name: string = 'eraser';

src/plugins/highlighter.ts

@@ -1,4 +1,4 @@
-import { DrawingInterface, Plugin, PluginInterface } from './plugin';
+import { DrawingInterface, Plugin } from './plugin';
 
 interface Coord {
   x: number;

src/plugins/laser.ts

@@ -1,4 +1,4 @@
-import { DrawingInterface, Plugin, PluginInterface } from './plugin';
+import { DrawingInterface, Plugin } from './plugin';
 
 export class LaserPlugin extends Plugin {
   name: string = 'laser';

src/plugins/pen.ts

@@ -1,4 +1,4 @@
-import { DrawingInterface, Plugin, PluginInterface } from './plugin';
+import { DrawingInterface, Plugin } from './plugin';
 
 interface Coord {
   x: number;