From ec0ebab98b3a65ad739eec2e13b5339cdfb2f9b4 Mon Sep 17 00:00:00 2001
From: Hojin <wkdghwls0623@gmail.com>
Date: Thu, 4 Jan 2024 15:38:00 +0900
Subject: [PATCH] =?UTF-8?q?Chore:=20=EB=B3=91=ED=95=A9=EC=98=A4=EB=A5=98?=
 =?UTF-8?q?=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pnpm-lock.yaml                        | 41 +++++++++++++++++++++++++++
 src/components/search/SearchInput.tsx |  6 ++--
 src/main.tsx                          |  8 +++---
 3 files changed, 48 insertions(+), 7 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 77bc46cb..091dfc27 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,6 +47,9 @@ dependencies:
   react-kakao-maps-sdk:
     specifier: ^1.1.24
     version: 1.1.24(react-dom@18.2.0)(react@18.2.0)
+  react-modal:
+    specifier: ^3.16.1
+    version: 3.16.1(react-dom@18.2.0)(react@18.2.0)
   react-router-dom:
     specifier: ^6.21.1
     version: 6.21.1(react-dom@18.2.0)(react@18.2.0)
@@ -70,6 +73,9 @@ devDependencies:
   '@types/react-infinite-scroller':
     specifier: ^1.2.5
     version: 1.2.5
+  '@types/react-modal':
+    specifier: ^3.16.3
+    version: 3.16.3
   '@types/uuid':
     specifier: ^9.0.7
     version: 9.0.7
@@ -2535,6 +2541,12 @@ packages:
       '@types/react': 18.2.45
     dev: true
 
+  /@types/react-modal@3.16.3:
+    resolution: {integrity: sha512-xXuGavyEGaFQDgBv4UVm8/ZsG+qxeQ7f77yNrW3n+1J6XAstUy5rYHeIHPh1KzsGc6IkCIdu6lQ2xWzu1jBTLg==}
+    dependencies:
+      '@types/react': 18.2.45
+    dev: true
+
   /@types/react@18.2.45:
     resolution: {integrity: sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==}
     dependencies:
@@ -3447,6 +3459,10 @@ packages:
     engines: {node: '>=0.8.x'}
     dev: false
 
+  /exenv@1.2.2:
+    resolution: {integrity: sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==}
+    dev: false
+
   /external-editor@3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
@@ -4431,6 +4447,25 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /react-lifecycles-compat@3.0.4:
+    resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
+    dev: false
+
+  /react-modal@3.16.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      react: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
+      react-dom: ^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18
+    dependencies:
+      exenv: 1.2.2
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-lifecycles-compat: 3.0.4
+      warning: 4.0.3
+    dev: false
+
   /react-refresh@0.14.0:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
     engines: {node: '>=0.10.0'}
@@ -5051,6 +5086,12 @@ packages:
       fsevents: 2.3.3
     dev: true
 
+  /warning@4.0.3:
+    resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
+    dependencies:
+      loose-envify: 1.4.0
+    dev: false
+
   /wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
     dependencies:
diff --git a/src/components/search/SearchInput.tsx b/src/components/search/SearchInput.tsx
index fd422960..0ca283e5 100644
--- a/src/components/search/SearchInput.tsx
+++ b/src/components/search/SearchInput.tsx
@@ -1,6 +1,6 @@
-import { ReactComponent as CloseIcon } from '@assets/images/DeleteInput.svg';
-import { ReactComponent as LeftIcon } from '@assets/images/Left.svg';
-import { ReactComponent as SearchIcon } from '@assets/images/Search.svg';
+import { CloseIcon } from '@components/common/icons/Icons';
+import { LeftIcon } from '@components/common/icons/Icons';
+import { SearchIcon } from '@components/common/icons/Icons';
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
diff --git a/src/main.tsx b/src/main.tsx
index 5a5ade53..3de05f65 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,9 +2,9 @@ import ReactDOM from 'react-dom/client';
 import App from './App.tsx';
 import './index.css';
 
-if (import.meta.env.DEV) {
-  const { worker } = await import('./mocks/browser.ts');
-  await worker.stop();
-}
+// if (import.meta.env.DEV) {
+//   const { worker } = await import('./mocks/browser.ts');
+//   await worker.stop();
+// }
 
 ReactDOM.createRoot(document.getElementById('root')!).render(<App />);