From 07f7f79414ac31e227ef8b1dd9f114f54214b354 Mon Sep 17 00:00:00 2001
From: juwon5272 <jackson5272@naver.com>
Date: Thu, 5 Dec 2024 11:59:24 +0900
Subject: [PATCH 1/4] =?UTF-8?q?[FE][Feat]=20:=20=EA=B2=80=EC=83=89?=
 =?UTF-8?q?=EC=B0=BD=EC=97=90=EC=84=9C=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B2=84=EB=B8=94=EB=A7=81=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/component/searchbox/SearchBox.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/searchbox/SearchBox.tsx b/frontend/src/component/searchbox/SearchBox.tsx
index 2f00073..658a554 100644
--- a/frontend/src/component/searchbox/SearchBox.tsx
+++ b/frontend/src/component/searchbox/SearchBox.tsx
@@ -147,7 +147,13 @@ export const SearchBox = (props: ISearchBoxProps) => {
   };
 
   return (
-    <div className="absolute top-2 z-[6000] w-full px-2">
+    <div
+      className="absolute top-2 z-[6000] w-full px-2"
+      onTouchMove={e => {
+        e.stopPropagation();
+        e.preventDefault();
+      }}
+    >
       {/* 검색 입력 */}
       <div className="border-grayscale-75 text-grayscale-400 flex h-11 w-full rounded border bg-white px-3">
         <input

From 8dfb7fc04811893cc99fdcb2ae256b7c98d4be0e Mon Sep 17 00:00:00 2001
From: juwon5272 <jackson5272@naver.com>
Date: Thu, 5 Dec 2024 11:59:46 +0900
Subject: [PATCH 2/4] =?UTF-8?q?[FE][Feat]=20:=20zoomslider=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=B2=84=EB=B8=94?=
 =?UTF-8?q?=EB=A7=81=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/component/zoomslider/ZoomSlider.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/zoomslider/ZoomSlider.tsx b/frontend/src/component/zoomslider/ZoomSlider.tsx
index 3b51012..0182b14 100644
--- a/frontend/src/component/zoomslider/ZoomSlider.tsx
+++ b/frontend/src/component/zoomslider/ZoomSlider.tsx
@@ -96,7 +96,13 @@ export const ZoomSlider = ({ map, redrawCanvas }: IZoomSliderProps) => {
   };
 
   return (
-    <div className="flex h-48 w-9 flex-col items-center rounded bg-white shadow">
+    <div
+      className="flex h-48 w-9 flex-col items-center rounded bg-white shadow"
+      onTouchMove={e => {
+        e.stopPropagation();
+        e.preventDefault();
+      }}
+    >
       <ZoomButton label={<MdOutlineAdd />} onClick={() => handleZoomChange(1)} />
       <ZoomSliderInput zoomLevel={zoomLevel} onSliderChange={handleSliderChange} />
       <ZoomButton label={<MdRemove />} onClick={() => handleZoomChange(-1)} />

From d8ad24f3c0f29bc711e28a8e0882d546814a5041 Mon Sep 17 00:00:00 2001
From: juwon5272 <jackson5272@naver.com>
Date: Thu, 5 Dec 2024 12:00:24 +0900
Subject: [PATCH 3/4] =?UTF-8?q?[FE][Delete]=20:=20=EC=A0=84=EC=B2=B4=20?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=B2=84=EB=B8=94=EB=A7=81=20?=
 =?UTF-8?q?=EB=A7=89=EA=B8=B0=20=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvasWithMapforDraw/MapProviderForDraw.tsx    | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/frontend/src/component/canvasWithMap/canvasWithMapforDraw/MapProviderForDraw.tsx b/frontend/src/component/canvasWithMap/canvasWithMapforDraw/MapProviderForDraw.tsx
index e0cd5f8..ad6a0bd 100644
--- a/frontend/src/component/canvasWithMap/canvasWithMapforDraw/MapProviderForDraw.tsx
+++ b/frontend/src/component/canvasWithMap/canvasWithMapforDraw/MapProviderForDraw.tsx
@@ -29,20 +29,6 @@ export const MapProviderForDraw = ({ width, height }: ICanvasScreenProps) => {
     };
   }, []);
 
-  useEffect(() => {
-    const preventDefault = (e: TouchEvent) => {
-      e.preventDefault();
-    };
-
-    document.body.style.overflow = 'hidden';
-    document.addEventListener('touchmove', preventDefault, { passive: false });
-
-    return () => {
-      document.body.style.overflow = 'auto';
-      document.removeEventListener('touchmove', preventDefault);
-    };
-  }, []);
-
   return (
     <MapCanvasForDraw
       width={windowSize.width}

From 5f3b04b2a0ecdd0acbff2ab57ab1405bb161692b Mon Sep 17 00:00:00 2001
From: juwon5272 <jackson5272@naver.com>
Date: Thu, 5 Dec 2024 12:01:12 +0900
Subject: [PATCH 4/4] =?UTF-8?q?[FE][Design]=20:=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=86=92=EC=9D=B4=20=EB=AC=B8=EC=A0=9C=EA=B0=80=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EB=B0=96=EC=9C=BC=EB=A1=9C=20=EB=84=98?=
 =?UTF-8?q?=EC=96=B4=EA=B0=84=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/DrawRoute.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/DrawRoute.tsx b/frontend/src/pages/DrawRoute.tsx
index ab16dd5..dd79c0a 100644
--- a/frontend/src/pages/DrawRoute.tsx
+++ b/frontend/src/pages/DrawRoute.tsx
@@ -130,7 +130,7 @@ export const DrawRoute = () => {
   return (
     <ToolTypeProvider>
       <div className="flex h-full w-full flex-col py-[75px]">
-        <div style={{ position: 'relative', padding: '1rem' }}>
+        <div className="relative px-4">
           <MapProviderForDraw width={window.innerWidth - 32} height={window.innerHeight - 180} />
         </div>
       </div>