diff --git a/src/hooks/useMode.js b/src/hooks/useMode.js
index 2c0de9c3..f181e251 100644
--- a/src/hooks/useMode.js
+++ b/src/hooks/useMode.js
@@ -461,20 +461,20 @@ export function useMode() {
           // 다름 라인이 오른쪽으로 이동
           if (historyLines.current[i].direction === 'top') {
             if (prev.direction !== 'right') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 + 50,
                   x2: historyLines.current[i].x2 - 50,
                   y2: historyLines.current[i].y2 - 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 - 50,
                   x2: historyLines.current[i].x2 + 50,
                   y2: historyLines.current[i].y2 + 50,
-                }
+                })
               }
             } else {
               newOuterlines.push({
@@ -487,14 +487,14 @@ export function useMode() {
           } else {
             // bottom
             if (prev?.direction !== 'right') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 - 50,
                   x2: historyLines.current[i].x2 - 50,
                   y2: historyLines.current[i].y2 + 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 + 50,
@@ -514,14 +514,14 @@ export function useMode() {
         } else if (next.direction === 'left') {
           if (historyLines.current[i].direction === 'top') {
             if (prev?.direction !== 'left') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 + 50,
                   x2: historyLines.current[i].x2 + 50,
                   y2: historyLines.current[i].y2 - 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 - 50,
@@ -540,14 +540,14 @@ export function useMode() {
           } else {
             // bottom
             if (prev?.direction !== 'left') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 - 50,
                   x2: historyLines.current[i].x2 + 50,
                   y2: historyLines.current[i].y2 + 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 + 50,
@@ -567,14 +567,14 @@ export function useMode() {
         } else if (next.direction === 'top') {
           if (historyLines.current[i].direction === 'right') {
             if (prev?.direction !== 'top') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 + 50,
                   x2: historyLines.current[i].x2 + 50,
                   y2: historyLines.current[i].y2 + 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 - 50,
@@ -593,14 +593,14 @@ export function useMode() {
           } else {
             // left
             if (prev?.direction !== 'top') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 + 50,
                   x2: historyLines.current[i].x2 - 50,
                   y2: historyLines.current[i].y2 + 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 - 50,
@@ -620,14 +620,14 @@ export function useMode() {
         } else if (next.direction === 'bottom') {
           if (historyLines.current[i].direction === 'right') {
             if (prev?.direction !== 'bottom') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 - 50,
                   x2: historyLines.current[i].x2 + 50,
                   y2: historyLines.current[i].y2 - 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 + 50,
@@ -646,14 +646,14 @@ export function useMode() {
           } else {
             // left
             if (prev.direction !== 'bottom') {
-              if(historyLines.current.length === 6) {
+              if (historyLines.current.length === 6) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 + 50,
                   y1: historyLines.current[i].y1 - 50,
                   x2: historyLines.current[i].x2 - 50,
                   y2: historyLines.current[i].y2 - 50,
                 })
-              } else if(historyLines.current.length === 8) {
+              } else if (historyLines.current.length === 8) {
                 newOuterlines.push({
                   x1: historyLines.current[i].x1 - 50,
                   y1: historyLines.current[i].y1 + 50,