From d0920fbc6e2bd7345bd5e2f5cafe0d8892ea6edc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=8F=84=EA=B2=BD?= <lee7198@naver.com>
Date: Fri, 19 Jan 2024 15:36:38 +0900
Subject: [PATCH] update components

---
 src/Router.tsx                                  |  1 -
 src/api/user.ts                                 |  8 ++++----
 src/components/InputWithNum.tsx                 |  1 -
 src/components/LoadingButton.tsx                |  2 --
 src/components/NextButton.tsx                   |  2 --
 src/components/OpenGraphViewer.tsx              |  1 -
 .../StaticMapOnMarker.tsx}                      | 14 +++++++++-----
 src/components/StyledCountInput.tsx             |  1 -
 src/components/StyledCurrencyInput.tsx          |  1 -
 src/components/StyledInputText.tsx              |  1 -
 src/components/StyledTextarea.tsx               |  1 -
 src/pages/Announcement/components/Comments.tsx  |  3 +--
 .../Announcement/components/CommentsContent.tsx |  3 +--
 .../Announcement/components/CommentsInput.tsx   |  3 +--
 .../Announcement/components/CommentsText.tsx    |  2 --
 .../Announcement/components/ProductAbout.tsx    |  3 +--
 src/pages/Announcement/components/User.tsx      |  3 +--
 src/pages/Announcement/index.tsx                |  1 -
 .../Init/components/circularProgress.tsx        |  2 --
 .../Init/components/initAccessRights.tsx        |  7 +++----
 .../components/Init/components/initAddress.tsx  |  4 ++--
 .../Init/components/initProfileImage.tsx        |  6 +++---
 .../components/Init/components/initUser.tsx     |  6 +++---
 src/pages/Auth/components/Init/index.tsx        |  2 +-
 src/pages/Auth/components/Refresh/index.tsx     |  5 ++---
 src/pages/Auth/components/login.tsx             |  9 ++++-----
 src/pages/Auth/index.tsx                        |  5 ++---
 .../Goods/components/CarouselBox/index.tsx      |  1 -
 src/pages/Goods/components/IntroCategory.tsx    |  1 -
 src/pages/Goods/components/PlaceInfo/index.tsx  | 17 ++++++++++-------
 src/pages/Goods/components/ProductContent.tsx   |  1 -
 src/pages/Goods/components/ProductInfo.tsx      |  1 -
 src/pages/Goods/components/Submitted.tsx        |  1 -
 .../components/CategoryTag.tsx                  |  1 -
 .../BottomSheetComponent/components/Fab.tsx     |  1 -
 .../components/ItemComponent.tsx                |  1 -
 .../components/ItemList.tsx                     |  1 -
 .../components/SheetHeader.tsx                  |  1 -
 src/pages/Map/components/CurrentPoint.tsx       |  2 --
 src/pages/Map/components/Loading.tsx            |  2 --
 src/pages/Mypage/components/MyPageHeader.tsx    |  1 -
 src/pages/Mypage/components/ProgressJoin.tsx    |  1 -
 src/pages/Mypage/components/ProgressLead.tsx    |  2 --
 src/pages/NotMatch.tsx                          |  1 -
 src/pages/Register/components/Cost/index.tsx    |  1 -
 .../Register/components/Deadline/index.tsx      |  1 -
 src/pages/Register/components/Detail/index.tsx  |  1 -
 .../components/Image/components/ImageCard.tsx   |  1 -
 src/pages/Register/components/Notice/index.tsx  |  1 -
 src/pages/Register/components/Place/index.tsx   |  1 -
 50 files changed, 48 insertions(+), 91 deletions(-)
 rename src/{pages/Goods/components/PlaceInfo/components/IntroStaticMap.tsx => components/StaticMapOnMarker.tsx} (80%)

diff --git a/src/Router.tsx b/src/Router.tsx
index 4507d84..8f2f9fd 100644
--- a/src/Router.tsx
+++ b/src/Router.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   createBrowserRouter,
   redirect,
diff --git a/src/api/user.ts b/src/api/user.ts
index dd21fcb..990361a 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -3,9 +3,9 @@ import { TokenProviderType } from '@src/types/user';
 import { InitUserType } from '@src/pages/Auth/components/Init/index.d';
 import { NewProfileType } from '@src/pages/Mypage/index.d';
 import { AuthType } from '@src/types/data';
-import img0 from '../asset/images/profiles/initProfile0.png';
-import img1 from '../asset/images/profiles/initProfile1.png';
-import img2 from '../asset/images/profiles/initProfile2.png';
+import img0 from '@src/asset/images/profiles/initProfile0.png';
+import img1 from '@src/asset/images/profiles/initProfile1.png';
+import img2 from '@src/asset/images/profiles/initProfile2.png';
 import jigumeAxios from './axios';
 
 const initProfiles = [img0, img1, img2];
@@ -56,7 +56,7 @@ export const handleRefreshToken = async (auth: AuthType) => {
  */
 export const codeProvide = async (
   code: string | null,
-  domain: string
+  domain?: string
 ): Promise<TokenProviderType> => {
   /** @type {string} */
   if (!code) throw Error('인가코드가 옳바르지 않습니다.');
diff --git a/src/components/InputWithNum.tsx b/src/components/InputWithNum.tsx
index 9c6df47..a7daa06 100644
--- a/src/components/InputWithNum.tsx
+++ b/src/components/InputWithNum.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { InputWithNumType } from '.';
 
 export default function InputWithNum({
diff --git a/src/components/LoadingButton.tsx b/src/components/LoadingButton.tsx
index f789261..81a2ba1 100644
--- a/src/components/LoadingButton.tsx
+++ b/src/components/LoadingButton.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function LoadingButton() {
   return (
     <button
diff --git a/src/components/NextButton.tsx b/src/components/NextButton.tsx
index 05e33cb..97e21d8 100644
--- a/src/components/NextButton.tsx
+++ b/src/components/NextButton.tsx
@@ -1,6 +1,4 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
-import { on } from 'events';
 import { NextButtnType } from '.';
 
 export default function NextButton({
diff --git a/src/components/OpenGraphViewer.tsx b/src/components/OpenGraphViewer.tsx
index 31195e0..1769711 100644
--- a/src/components/OpenGraphViewer.tsx
+++ b/src/components/OpenGraphViewer.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { OpenGraphViewerType } from '.';
 
 export default function OpenGraphViewer({
diff --git a/src/pages/Goods/components/PlaceInfo/components/IntroStaticMap.tsx b/src/components/StaticMapOnMarker.tsx
similarity index 80%
rename from src/pages/Goods/components/PlaceInfo/components/IntroStaticMap.tsx
rename to src/components/StaticMapOnMarker.tsx
index 99d1fcf..ae1e1d8 100644
--- a/src/pages/Goods/components/PlaceInfo/components/IntroStaticMap.tsx
+++ b/src/components/StaticMapOnMarker.tsx
@@ -1,14 +1,13 @@
-import React from 'react';
 import { StaticMap } from 'react-kakao-maps-sdk';
 import { PositionType } from '@src/types/map';
-import markerPin from '../../../../../asset/icon/markerPin.svg';
+import markerPin from '@src/asset/icon/markerPin.svg';
 
-export default function IntroStaticMap({
+export default function StaticMapOnMarker({
   img,
   position,
 }: {
-  img: string;
-  position: PositionType;
+  img?: string;
+  position?: PositionType;
 }) {
   return (
     <div className="relative aspect-[1.9197] w-full rounded-xl bg-gray-300">
@@ -37,3 +36,8 @@ export default function IntroStaticMap({
     </div>
   );
 }
+
+StaticMapOnMarker.defaultProps = {
+  img: undefined,
+  position: undefined,
+};
diff --git a/src/components/StyledCountInput.tsx b/src/components/StyledCountInput.tsx
index 41d4487..5da0e9c 100644
--- a/src/components/StyledCountInput.tsx
+++ b/src/components/StyledCountInput.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import CurrencyInput from 'react-currency-input-field';
 import { StyledCurrencyInputType } from '.';
 
diff --git a/src/components/StyledCurrencyInput.tsx b/src/components/StyledCurrencyInput.tsx
index ab95e52..ba24c66 100644
--- a/src/components/StyledCurrencyInput.tsx
+++ b/src/components/StyledCurrencyInput.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import CurrencyInput from 'react-currency-input-field';
 import { StyledCurrencyInputType } from '.';
 
diff --git a/src/components/StyledInputText.tsx b/src/components/StyledInputText.tsx
index 034bf8b..c2cf6bc 100644
--- a/src/components/StyledInputText.tsx
+++ b/src/components/StyledInputText.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyledInputTextType } from './index.d';
 
 export default function StyledInputText({
diff --git a/src/components/StyledTextarea.tsx b/src/components/StyledTextarea.tsx
index 176b193..4d73222 100644
--- a/src/components/StyledTextarea.tsx
+++ b/src/components/StyledTextarea.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyledTextareaType } from '.';
 
 export default function StyledTextarea({
diff --git a/src/pages/Announcement/components/Comments.tsx b/src/pages/Announcement/components/Comments.tsx
index 1cf0f88..c6eb4c1 100644
--- a/src/pages/Announcement/components/Comments.tsx
+++ b/src/pages/Announcement/components/Comments.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
+import SendIcon from '@src/asset/icon/SendIcon.svg';
 import CommentsContent from './CommentsContent';
-import SendIcon from '../../../asset/icon/SendIcon.svg';
 // import SendIcon from '../../../../../asset/icon/SendIcon.svg';
 
 export default function Comments() {
diff --git a/src/pages/Announcement/components/CommentsContent.tsx b/src/pages/Announcement/components/CommentsContent.tsx
index 20d907e..ab08916 100644
--- a/src/pages/Announcement/components/CommentsContent.tsx
+++ b/src/pages/Announcement/components/CommentsContent.tsx
@@ -1,7 +1,6 @@
-import React from 'react';
+import addCommentIcon from '@src/asset/icon/addCommentIcon.svg';
 import User from './User';
 import CommentsText from './CommentsText';
-import addCommentIcon from '../../../asset/icon/addCommentIcon.svg';
 
 export default function CommentsContent() {
   return (
diff --git a/src/pages/Announcement/components/CommentsInput.tsx b/src/pages/Announcement/components/CommentsInput.tsx
index 85dbc6e..64d5d45 100644
--- a/src/pages/Announcement/components/CommentsInput.tsx
+++ b/src/pages/Announcement/components/CommentsInput.tsx
@@ -1,5 +1,4 @@
-import React from 'react';
-import SendIcon from '../../../asset/icon/SendIcon.svg';
+import SendIcon from '@src/asset/icon/SendIcon.svg';
 // import SendIcon from '../../../../../asset/icon/SendIcon.svg';
 
 export default function CommentsInput() {
diff --git a/src/pages/Announcement/components/CommentsText.tsx b/src/pages/Announcement/components/CommentsText.tsx
index e482041..cc0bff9 100644
--- a/src/pages/Announcement/components/CommentsText.tsx
+++ b/src/pages/Announcement/components/CommentsText.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function CommentsText() {
   return (
     <div className="m-4 flex flex-row pl-12 pr-5 text-[14px]">
diff --git a/src/pages/Announcement/components/ProductAbout.tsx b/src/pages/Announcement/components/ProductAbout.tsx
index 8cadde8..8d94125 100644
--- a/src/pages/Announcement/components/ProductAbout.tsx
+++ b/src/pages/Announcement/components/ProductAbout.tsx
@@ -1,5 +1,4 @@
-import React from 'react';
-import ItemComponent from '../../Map/components/BottomSheetComponent/components/ItemComponent';
+import ItemComponent from '@src/pages/Map/components/BottomSheetComponent/components/ItemComponent';
 
 export default function ProductAbout() {
   return (
diff --git a/src/pages/Announcement/components/User.tsx b/src/pages/Announcement/components/User.tsx
index 408cd47..2705780 100644
--- a/src/pages/Announcement/components/User.tsx
+++ b/src/pages/Announcement/components/User.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
 import Avatar from 'boring-avatars';
 import {
   primaryBlue,
   primaryJade,
   primaryPurple,
   primaryYello,
-} from '../../../common';
+} from '@src/common';
 
 const nickname = [
   'jeju',
diff --git a/src/pages/Announcement/index.tsx b/src/pages/Announcement/index.tsx
index c023b01..e3b7d38 100644
--- a/src/pages/Announcement/index.tsx
+++ b/src/pages/Announcement/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import ProductAbout from './components/ProductAbout';
 import CommentsContent from './components/CommentsContent';
 import CommentsInput from './components/CommentsInput';
diff --git a/src/pages/Auth/components/Init/components/circularProgress.tsx b/src/pages/Auth/components/Init/components/circularProgress.tsx
index ab2bcc4..487ce3d 100644
--- a/src/pages/Auth/components/Init/components/circularProgress.tsx
+++ b/src/pages/Auth/components/Init/components/circularProgress.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function CircularProgress() {
   return (
     <svg
diff --git a/src/pages/Auth/components/Init/components/initAccessRights.tsx b/src/pages/Auth/components/Init/components/initAccessRights.tsx
index d7f941d..c8cc794 100644
--- a/src/pages/Auth/components/Init/components/initAccessRights.tsx
+++ b/src/pages/Auth/components/Init/components/initAccessRights.tsx
@@ -1,7 +1,6 @@
-import React from 'react';
-import Camera from '../../../../../asset/icon/initAccess/camera.svg';
-import SaveArea from '../../../../../asset/icon/initAccess/saveArea.svg';
-import Position from '../../../../../asset/icon/initAccess/position.svg';
+import Camera from '@src/asset/icon/initAccess/camera.svg';
+import SaveArea from '@src/asset/icon/initAccess/saveArea.svg';
+import Position from '@src/asset/icon/initAccess/position.svg';
 
 export default function InitAccessRights() {
   return (
diff --git a/src/pages/Auth/components/Init/components/initAddress.tsx b/src/pages/Auth/components/Init/components/initAddress.tsx
index 1295cef..94a7db6 100644
--- a/src/pages/Auth/components/Init/components/initAddress.tsx
+++ b/src/pages/Auth/components/Init/components/initAddress.tsx
@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate, useOutletContext } from 'react-router-dom';
 import DaumPostcodeEmbed, { Address } from 'react-daum-postcode';
-import NextButton from '../../../../../components/NextButton';
-import CloseIcon from '../../../../../asset/icon/CloseIcon.svg';
+import NextButton from '@src/components/NextButton';
+import CloseIcon from '@src/asset/icon/CloseIcon.svg';
 import { InitContextType } from '../index.d';
 
 export default function InitAddress() {
diff --git a/src/pages/Auth/components/Init/components/initProfileImage.tsx b/src/pages/Auth/components/Init/components/initProfileImage.tsx
index 44a6fcc..469ae51 100644
--- a/src/pages/Auth/components/Init/components/initProfileImage.tsx
+++ b/src/pages/Auth/components/Init/components/initProfileImage.tsx
@@ -3,9 +3,9 @@ import { useMutation } from 'react-query';
 import { useNavigate, useOutletContext } from 'react-router-dom';
 import { useRecoilState } from 'recoil';
 import { AuthType } from '@src/types/data';
-import { setNewUser } from '../../../../../api/user';
-import { authState } from '../../../../../data';
-import CameraIcon from '../../../../../asset/icon/mdi_camera.svg';
+import { authState } from '@src/data';
+import CameraIcon from '@src/asset/icon/mdi_camera.svg';
+import { setNewUser } from '@src/api/user';
 import { InitContextType } from '../index.d';
 
 export default function InitProfileImage() {
diff --git a/src/pages/Auth/components/Init/components/initUser.tsx b/src/pages/Auth/components/Init/components/initUser.tsx
index b6aec22..26a2c0f 100644
--- a/src/pages/Auth/components/Init/components/initUser.tsx
+++ b/src/pages/Auth/components/Init/components/initUser.tsx
@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { useOutletContext } from 'react-router-dom';
 import { useMutation } from 'react-query';
-import NextButton from '../../../../../components/NextButton';
+import NextButton from '@src/components/NextButton';
+import { checkNickname } from '@src/api/user';
+import { handleTextFieldColor, validNickname } from '@src/utils';
 import CircularProgress from './circularProgress';
-import { checkNickname } from '../../../../../api/user';
-import { handleTextFieldColor, validNickname } from '../../../../../utils';
 import { InitContextType } from '../index.d';
 
 export default function InitUser() {
diff --git a/src/pages/Auth/components/Init/index.tsx b/src/pages/Auth/components/Init/index.tsx
index f451222..1ed7df1 100644
--- a/src/pages/Auth/components/Init/index.tsx
+++ b/src/pages/Auth/components/Init/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Outlet, useNavigate } from 'react-router-dom';
-import ChevronLeft from '../../../../asset/icon/chevronLeft.svg';
+import ChevronLeft from '@src/asset/icon/chevronLeft.svg';
 import { InitUserType } from './index.d';
 
 export default function Init() {
diff --git a/src/pages/Auth/components/Refresh/index.tsx b/src/pages/Auth/components/Refresh/index.tsx
index 93a3467..4c5ce8e 100644
--- a/src/pages/Auth/components/Refresh/index.tsx
+++ b/src/pages/Auth/components/Refresh/index.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
 import { useRecoilState } from 'recoil';
 import { useQuery } from 'react-query';
 import { Outlet } from 'react-router-dom';
 import { AuthType, UserType } from '@src/types/data';
-import { authState, initAuth, initUser, userState } from '../../../../data';
-import { handleRefreshToken } from '../../../../api/user';
+import { authState, initAuth, initUser, userState } from '@src/data';
+import { handleRefreshToken } from '@src/api/user';
 
 export default function Refresh() {
   const [auth, setAuth] = useRecoilState<AuthType>(authState);
diff --git a/src/pages/Auth/components/login.tsx b/src/pages/Auth/components/login.tsx
index ceab5a5..5b41a09 100644
--- a/src/pages/Auth/components/login.tsx
+++ b/src/pages/Auth/components/login.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
 import { useRecoilState } from 'recoil';
 import { AuthType } from '@src/types/data';
-import logo from '../../../asset/images/login/login_logo.png';
-import kakaoImg from '../../../asset/images/login/kakao_login.png';
-import naverImg from '../../../asset/images/login/naver_login.png';
-import { authState } from '../../../data';
+import logo from '@src/asset/images/login/login_logo.png';
+import kakaoImg from '@src/asset/images/login/kakao_login.png';
+import naverImg from '@src/asset/images/login/naver_login.png';
+import { authState } from '@src/data';
 
 export default function Login() {
   const KAKAO_KEY = import.meta.env.VITE_KAKAO_REST_KEY;
diff --git a/src/pages/Auth/index.tsx b/src/pages/Auth/index.tsx
index 0944fbb..76d4a28 100644
--- a/src/pages/Auth/index.tsx
+++ b/src/pages/Auth/index.tsx
@@ -1,12 +1,11 @@
-import React from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { useQuery } from 'react-query';
 import { useRecoilState } from 'recoil';
 import { add } from 'date-fns';
 import { AuthType } from '@src/types/data';
+import { authState } from '@src/data';
+import { codeProvide } from '@src/api/user';
 import Loading from '../Map/components/Loading';
-import { authState } from '../../data';
-import { codeProvide } from '../../api/user';
 
 export default function Auth() {
   const navigate = useNavigate();
diff --git a/src/pages/Goods/components/CarouselBox/index.tsx b/src/pages/Goods/components/CarouselBox/index.tsx
index 0c8b128..5cc5e29 100644
--- a/src/pages/Goods/components/CarouselBox/index.tsx
+++ b/src/pages/Goods/components/CarouselBox/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Pagination } from 'swiper/modules';
 
diff --git a/src/pages/Goods/components/IntroCategory.tsx b/src/pages/Goods/components/IntroCategory.tsx
index ecd0aa6..16ad2d8 100644
--- a/src/pages/Goods/components/IntroCategory.tsx
+++ b/src/pages/Goods/components/IntroCategory.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import category from '../../Map/components/BottomSheetComponent/data';
 
 export default function IntroCategory({ idx }: { idx: number }) {
diff --git a/src/pages/Goods/components/PlaceInfo/index.tsx b/src/pages/Goods/components/PlaceInfo/index.tsx
index f43d8c6..69e13e2 100644
--- a/src/pages/Goods/components/PlaceInfo/index.tsx
+++ b/src/pages/Goods/components/PlaceInfo/index.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { useQuery } from 'react-query';
 import { GoodsPageDTO } from '@src/types/goods';
 import { PositionType } from '@src/types/map';
-import IntroStaticMap from './components/IntroStaticMap';
+import IntroStaticMap from '@src/components/StaticMapOnMarker';
 
 export default function PlaceInfo({
   data,
@@ -12,9 +12,10 @@ export default function PlaceInfo({
   const { kakao } = window;
   const [address, setAddress] = useState('-');
 
-  const getAddress = (position: PositionType) => {
+  const getAddress = (position?: PositionType) => {
     if (kakao === undefined) return;
     if (!kakao.maps.services.Geocoder) return;
+    if (!position) return;
 
     const geoCoder = new kakao.maps.services.Geocoder();
     geoCoder.coord2Address(position.lng, position.lat, (result, status) => {
@@ -26,10 +27,12 @@ export default function PlaceInfo({
   useQuery(
     'revGeoCoder',
     () =>
-      getAddress({
-        lat: data && data.address.mapY,
-        lng: data && data.address.mapX,
-      }),
+      getAddress(
+        data && {
+          lat: data.address.mapY,
+          lng: data.address.mapX,
+        }
+      ),
     { retryDelay: 500, retry: 3 }
   );
 
@@ -37,7 +40,7 @@ export default function PlaceInfo({
     <div className="flex flex-col gap-4 rounded-xl bg-gray-50 p-4">
       <div className="relative aspect-[1.9197] w-full rounded-xl bg-gray-300">
         <IntroStaticMap
-          img={data && data.goodsImagesList[0].goodsImgUrl}
+          img={data?.goodsImagesList[0].goodsImgUrl}
           position={
             data && {
               lat: data.address.mapY,
diff --git a/src/pages/Goods/components/ProductContent.tsx b/src/pages/Goods/components/ProductContent.tsx
index 3b44ffe..0dd5d66 100644
--- a/src/pages/Goods/components/ProductContent.tsx
+++ b/src/pages/Goods/components/ProductContent.tsx
@@ -1,5 +1,4 @@
 import { GoodsPageDTO } from '@src/types/goods';
-import React from 'react';
 
 export default function ProductContent({
   data,
diff --git a/src/pages/Goods/components/ProductInfo.tsx b/src/pages/Goods/components/ProductInfo.tsx
index fa94fd9..42c24cf 100644
--- a/src/pages/Goods/components/ProductInfo.tsx
+++ b/src/pages/Goods/components/ProductInfo.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useQuery } from 'react-query';
 import { GoodsPageDTO } from '@src/types/goods';
 import getOpenGraph from '../../../api/og';
diff --git a/src/pages/Goods/components/Submitted.tsx b/src/pages/Goods/components/Submitted.tsx
index 653b153..dd82b81 100644
--- a/src/pages/Goods/components/Submitted.tsx
+++ b/src/pages/Goods/components/Submitted.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { motion } from 'framer-motion';
 import { useLocation, useNavigate } from 'react-router-dom';
 import submintted from '../../../asset/images/introduce/submitted.png';
diff --git a/src/pages/Map/components/BottomSheetComponent/components/CategoryTag.tsx b/src/pages/Map/components/BottomSheetComponent/components/CategoryTag.tsx
index 869e034..09acdc3 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/CategoryTag.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/CategoryTag.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { FilterType } from '../index.d';
 
 export default function CategoryTag({
diff --git a/src/pages/Map/components/BottomSheetComponent/components/Fab.tsx b/src/pages/Map/components/BottomSheetComponent/components/Fab.tsx
index 975be6d..acf9d3b 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/Fab.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/Fab.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import NavigationIcon from '../../../../../asset/icon/NavigationIcon.svg';
 import EditIcon from '../../../../../asset/icon/EditIcon.svg';
diff --git a/src/pages/Map/components/BottomSheetComponent/components/ItemComponent.tsx b/src/pages/Map/components/BottomSheetComponent/components/ItemComponent.tsx
index ae18ff3..2ac00ce 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/ItemComponent.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/ItemComponent.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import Avatar from 'boring-avatars';
 import { useNavigate } from 'react-router-dom';
 import { GoodsPageDTO } from '@src/types/goods';
diff --git a/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx b/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
index cc563af..71529b8 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { GoodsPageDTO } from '@src/types/goods';
 import { PreViewerMarker } from '@src/pages/Map/index.d';
 import ItemComponent from './ItemComponent';
diff --git a/src/pages/Map/components/BottomSheetComponent/components/SheetHeader.tsx b/src/pages/Map/components/BottomSheetComponent/components/SheetHeader.tsx
index c76c2fb..13491b3 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/SheetHeader.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/SheetHeader.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import LocationIcon from '../../../../../asset/icon/LocationIcon.svg';
 import UserOutlineIcon from '../../../../../asset/icon/UserOutlineIcon.svg';
diff --git a/src/pages/Map/components/CurrentPoint.tsx b/src/pages/Map/components/CurrentPoint.tsx
index f34eea8..e700409 100644
--- a/src/pages/Map/components/CurrentPoint.tsx
+++ b/src/pages/Map/components/CurrentPoint.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function CurrentPoint() {
   return (
     <div className="flex size-[32px] items-center justify-center rounded-full bg-primaryBlue">
diff --git a/src/pages/Map/components/Loading.tsx b/src/pages/Map/components/Loading.tsx
index 1e92cfd..097827e 100644
--- a/src/pages/Map/components/Loading.tsx
+++ b/src/pages/Map/components/Loading.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function Loading({
   onClick,
 }: {
diff --git a/src/pages/Mypage/components/MyPageHeader.tsx b/src/pages/Mypage/components/MyPageHeader.tsx
index 035b08c..f5807fe 100644
--- a/src/pages/Mypage/components/MyPageHeader.tsx
+++ b/src/pages/Mypage/components/MyPageHeader.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import ChevronLeft from '../../../asset/icon/chevronLeft.svg';
 import Notification from '../../../asset/icon/Notification.svg';
diff --git a/src/pages/Mypage/components/ProgressJoin.tsx b/src/pages/Mypage/components/ProgressJoin.tsx
index 3695842..a64d967 100644
--- a/src/pages/Mypage/components/ProgressJoin.tsx
+++ b/src/pages/Mypage/components/ProgressJoin.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useQuery } from 'react-query';
 import OpenGraphViewer from '../../../components/OpenGraphViewer';
 import getOpenGraph from '../../../api/og';
diff --git a/src/pages/Mypage/components/ProgressLead.tsx b/src/pages/Mypage/components/ProgressLead.tsx
index 54aaf92..8af4be6 100644
--- a/src/pages/Mypage/components/ProgressLead.tsx
+++ b/src/pages/Mypage/components/ProgressLead.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function ProgressLead() {
   return (
     <div className="py-2">
diff --git a/src/pages/NotMatch.tsx b/src/pages/NotMatch.tsx
index 4851607..5a5e822 100644
--- a/src/pages/NotMatch.tsx
+++ b/src/pages/NotMatch.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import logo from '../asset/images/login/login_logo.png';
 
diff --git a/src/pages/Register/components/Cost/index.tsx b/src/pages/Register/components/Cost/index.tsx
index a3f0375..7fcc01c 100644
--- a/src/pages/Register/components/Cost/index.tsx
+++ b/src/pages/Register/components/Cost/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useOutletContext } from 'react-router-dom';
 import { RegisterContextType } from '@src/types/register';
 import StyledCurrencyInput from '../../../../components/StyledCurrencyInput';
diff --git a/src/pages/Register/components/Deadline/index.tsx b/src/pages/Register/components/Deadline/index.tsx
index 7aa09ec..a67d6d1 100644
--- a/src/pages/Register/components/Deadline/index.tsx
+++ b/src/pages/Register/components/Deadline/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useOutletContext } from 'react-router-dom';
 import { RegisterContextType } from '@src/types/register';
 import CalendarDate from './components/calendarDate';
diff --git a/src/pages/Register/components/Detail/index.tsx b/src/pages/Register/components/Detail/index.tsx
index 9a98cee..359d45c 100644
--- a/src/pages/Register/components/Detail/index.tsx
+++ b/src/pages/Register/components/Detail/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { RegisterContextType } from '@src/types/register.d';
 import { useOutletContext } from 'react-router-dom';
 import InputWithNum from '../../../../components/InputWithNum';
diff --git a/src/pages/Register/components/Image/components/ImageCard.tsx b/src/pages/Register/components/Image/components/ImageCard.tsx
index 722ca91..6cde224 100644
--- a/src/pages/Register/components/Image/components/ImageCard.tsx
+++ b/src/pages/Register/components/Image/components/ImageCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import CloseIcon from '../../../../../asset/icon/CloseIcon.svg';
 
 export default function ImageCard({
diff --git a/src/pages/Register/components/Notice/index.tsx b/src/pages/Register/components/Notice/index.tsx
index 2049063..537684e 100644
--- a/src/pages/Register/components/Notice/index.tsx
+++ b/src/pages/Register/components/Notice/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate, useOutletContext } from 'react-router-dom';
 import { useMutation } from 'react-query';
 import { RegisterContextType } from '@src/types/register';
diff --git a/src/pages/Register/components/Place/index.tsx b/src/pages/Register/components/Place/index.tsx
index 1122939..b28ec6b 100644
--- a/src/pages/Register/components/Place/index.tsx
+++ b/src/pages/Register/components/Place/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useOutletContext } from 'react-router-dom';
 import { RegisterContextType } from '@src/types/register';
 import Postcode from './components/postcode';