From 8aa7ebefa9c352988df770a00534ee1269279d10 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Fri, 9 Aug 2024 17:16:17 +0900
Subject: [PATCH 01/18] =?UTF-8?q?[fix]=20=EC=9E=91=EC=9D=80=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=97=90=EC=84=9C=20=EA=B8=80=EC=9E=90=20=EA=B2=B9?=
 =?UTF-8?q?=EC=B9=98=EB=8A=94=20=EA=B2=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/introSection/index.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/introSection/index.jsx b/src/introSection/index.jsx
index 2f3df666..05b73fbd 100644
--- a/src/introSection/index.jsx
+++ b/src/introSection/index.jsx
@@ -95,15 +95,16 @@ function IntroSection() {
             <video
               src={SpinningCarVideo}
               ref={videoRef}
-              className="w-full scale-[2.0] lg:scale-110 z-0 pointer-events-none select-none"
+              className="w-full scale-[2.0] lg:scale-125 z-0 pointer-events-none select-none"
             />
           </div>
 
-          <div className="font-bold flex flex-col items-center text-black absolute bottom-10 z-40">
-            <span className="text-title-s">
+          <div className="font-bold flex flex-col items-center text-black absolute -bottom-20 lg:bottom-10 z-40">
+            <span className="text-body-l sm:text-title-s">
               더뉴 아이오닉5 신차 출시 이벤트
             </span>
-            <span className="text-head-s">09/09 (mon) - 09/13 (fri)</span>
+
+            <span className="text-center text-title-l sm:text-head-s">09/09 (mon) - 09/13 (fri)</span>
           </div>
 
           <div className="absolute -bottom-2 w-full h-4 bg-white" />

From edef6ea36f9ee4c1aa6df96bde58adeb55e5bf44 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 10:56:35 +0900
Subject: [PATCH 02/18] =?UTF-8?q?[refactor]=20=ED=8F=B4=EB=8D=94=20?=
 =?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |   2 +-
 src/App.jsx                                   |  38 -----------------
 src/common/{ => components}/Button.jsx        |   0
 src/common/{ => components}/ClientOnly.jsx    |   0
 src/common/{ => components}/DelaySkeleton.jsx |   0
 src/common/{ => components}/ErrorBoundary.jsx |   0
 src/common/{ => components}/Input.jsx         |   0
 src/common/{ => components}/PhoneInput.jsx    |   0
 src/common/{ => components}/Spinner.jsx       |   0
 src/common/{ => components}/Suspense.jsx      |   0
 src/common/constants.js                       |   8 +---
 src/{ => common}/modal/modal.jsx              |   0
 src/{ => common}/modal/openModal.js           |   0
 src/{ => common}/modal/store.js               |   0
 src/mainPage/App.jsx                          |  40 ++++++++++++++++++
 .../features}/comment/assets/decoration.svg   |   0
 .../comment/autoScrollCarousel/index.jsx      |   0
 .../autoScrollCarousel/useAutoCarousel.js     |   0
 .../commentCarousel/CommentCarousel.jsx       |   0
 .../commentCarousel/CommentCarouselError.jsx  |   0
 .../CommentCarouselSkeleton.jsx               |   0
 .../comment/commentCarousel/index.jsx         |   0
 .../commentForm/SubmitButton/index.jsx        |   0
 .../features}/comment/commentForm/index.jsx   |   0
 src/{ => mainPage/features}/comment/index.jsx |   0
 src/{ => mainPage/features}/comment/mock.js   |   0
 .../comment/modals/CommentNegativeModal.jsx   |   0
 .../comment/modals/CommentNoUserModal.jsx     |   0
 .../comment/modals/CommentSuccessModal.jsx    |   0
 .../detailInformation/DetailItem.jsx          |   0
 .../detailInformation/DetailSwiper.jsx        |   0
 .../detailInformation/assets/decoration.svg   |   0
 .../detailInformation/assets/left.svg         |   0
 .../detailInformation/assets/right.svg        |   0
 .../features}/detailInformation/content.json  |   0
 .../features}/detailInformation/index.jsx     |   0
 .../features}/fcfs/cardGame/Card.jsx          |   0
 .../features}/fcfs/cardGame/CardGame.jsx      |   0
 .../features}/fcfs/cardGame/CardGameTitle.jsx |   0
 .../fcfs/cardGame/assets/correct@1x.png       | Bin
 .../fcfs/cardGame/assets/correct@2x.png       | Bin
 .../fcfs/cardGame/assets/failed@1x.png        | Bin
 .../fcfs/cardGame/assets/failed@2x.png        | Bin
 .../fcfs/cardGame/assets/hidden@1x.png        | Bin
 .../fcfs/cardGame/assets/hidden@2x.png        | Bin
 .../features}/fcfs/cardGame/index.jsx         |   0
 .../features}/fcfs/cardGame/style.module.css  |   0
 src/{ => mainPage/features}/fcfs/constants.js |   0
 .../features}/fcfs/countdown/CountStarter.jsx |   0
 .../fcfs/countdown/CountdownController.js     |   0
 .../fcfs/description/DateEventPrize.jsx       |   0
 .../features}/fcfs/description/content.json   |   0
 .../features}/fcfs/description/index.jsx      |   0
 src/{ => mainPage/features}/fcfs/index.jsx    |   0
 src/{ => mainPage/features}/fcfs/mock.js      |   0
 .../fcfs/modals/FcfsInvalidModal.jsx          |   0
 .../features}/fcfs/modals/FcfsLoseModal.jsx   |   0
 .../features}/fcfs/modals/FcfsWinModal.jsx    |   0
 src/{ => mainPage/features}/fcfs/store.js     |   0
 src/{ => mainPage/features}/footer/index.jsx  |   0
 .../features}/header/AuthButtonSection.jsx    |   0
 src/{ => mainPage/features}/header/index.jsx  |   0
 .../features}/header/index.module.css         |   0
 .../features}/interactions/GiftDetail.jsx     |   0
 .../interactions/InteractionAnswer.jsx        |   0
 .../interactions/InteractionAnswer.module.css |   0
 .../interactions/InteractionDescription.jsx   |   0
 .../interactions/InteractionModal.jsx         |   0
 .../interactions/InteractionSlide.jsx         |   0
 .../interactions/IntroductionDetail.jsx       |   0
 .../features}/interactions/TapBar.jsx         |   0
 .../features}/interactions/content.json       |   0
 .../interactions/distanceDriven/index.jsx     |   0
 .../distanceDriven/usePointDrag.js            |   0
 .../fastCharge/BatteryProgressBar.jsx         |   0
 .../interactions/fastCharge/assets/timer.svg  |   0
 .../fastCharge/batteryStyle.module.css        |   0
 .../interactions/fastCharge/index.jsx         |   0
 .../interactions/fastCharge/useDialDrag.js    |   0
 .../features}/interactions/index.jsx          |   0
 .../features}/interactions/star.svg           |   0
 .../interactions/subsidy/assets/coin.json     |   0
 .../interactions/subsidy/assets/dollor.svg    |   0
 .../features}/interactions/subsidy/index.jsx  |   0
 .../interactions/univasalIsland/Phone.jsx     |   0
 .../univasalIsland/assets/chargeMark.svg      |   0
 .../univasalIsland/assets/iphone.svg          |   0
 .../univasalIsland/assets/seat.png            | Bin
 .../univasalIsland/assets/univasalIsland2.png | Bin
 .../assets/univasalIsland@1x.png              | Bin
 .../assets/univasalIsland@2x.png              | Bin
 .../interactions/univasalIsland/index.jsx     |   0
 .../univasalIsland/style.module.css           |   0
 .../univasalIsland/useIslandDrag.js           |   0
 .../features}/interactions/v2l/Puzzle.jsx     |   0
 .../interactions/v2l/PuzzlePiece.jsx          |   0
 .../interactions/v2l/assets/car@1x.png        | Bin
 .../interactions/v2l/assets/car@2x.png        | Bin
 .../features}/interactions/v2l/assets/pan.svg |   0
 .../v2l/assets/panContainer@1x.png            | Bin
 .../v2l/assets/panContainer@2x.png            | Bin
 .../features}/interactions/v2l/constants.js   |   0
 .../interactions/v2l/generateRandom.js        |   0
 .../features}/interactions/v2l/index.jsx      |   0
 .../interactions/v2l/style.module.css         |   0
 .../features}/interactions/v2l/utils.js       |   0
 .../features}/introSection/LineHighlight.jsx  |   0
 .../introSection/car-spin-small.webm          | Bin
 .../features}/introSection/car-spin.webm      | Bin
 .../features}/introSection/index.jsx          |   0
 .../features}/introSection/index.module.css   |   0
 .../notifier/FcfsNotifierCountdown.jsx        |   0
 .../features}/introSection/notifier/index.jsx |   0
 .../features}/introSection/pointer.svg        |   0
 .../features}/qna/QnAArticle.jsx              |   0
 .../features}/qna/assets/arrow.svg            |   0
 src/{ => mainPage/features}/qna/content.json  |   0
 src/{ => mainPage/features}/qna/index.jsx     |   0
 .../simpleInformation/contentList.json        |   0
 .../simpleInformation/contentSection.jsx      |   0
 .../contentSection.module.css                 |   0
 .../features}/simpleInformation/index.jsx     |   0
 src/{ => mainPage}/index.css                  |   0
 src/{ => mainPage}/main-client.jsx            |   0
 src/{ => mainPage}/main-server.jsx            |   0
 src/{ => mainPage}/mock.js                    |   0
 .../shared}/auth/AuthCode/InputWithTimer.jsx  |   0
 .../shared}/auth/AuthCode/index.jsx           |   0
 .../shared}/auth/AuthCode/submitAuthCode.js   |   0
 .../shared}/auth/AuthCode/useTimer.js         |   0
 src/{ => mainPage/shared}/auth/AuthModal.jsx  |   0
 .../shared}/auth/InfoInput/index.jsx          |   0
 .../shared/auth}/IntervalController.js        |   0
 .../shared}/auth/UserFind/index.jsx           |   0
 .../shared}/auth/UserFind/requestLogin.js     |   0
 .../shared}/auth/Welcome/index.jsx            |   0
 src/{ => mainPage/shared}/auth/mock.js        |   0
 .../shared}/auth/requestAuthCode.js           |   0
 src/{ => mainPage/shared}/auth/store.js       |   0
 src/{ => mainPage/shared}/auth/tokenSaver.js  |   0
 .../shared/components}/NoServerModal.jsx      |   0
 .../shared/components}/ResetButton.jsx        |   0
 .../shared/components}/refresh.svg            |   0
 .../EventDescriptionLayout.jsx                |   0
 .../shared}/eventDescription/EventDetail.jsx  |   0
 .../eventDescription/makeHighlight.jsx        |   0
 .../shared/hooks}/useMountDragEvent.js        |   0
 .../shared/hooks}/useScrollTransition.js      |   0
 .../shared/hooks}/useSwiperState.js           |   0
 src/mainPage/shared/scroll/constants.js       |   5 +++
 src/{ => mainPage/shared}/scroll/scrollTo.js  |   0
 src/{ => mainPage/shared}/scroll/store.js     |   0
 .../shared}/scroll/useSectionInitialize.js    |   0
 vite.config.js                                |   7 ++-
 154 files changed, 53 insertions(+), 47 deletions(-)
 delete mode 100644 src/App.jsx
 rename src/common/{ => components}/Button.jsx (100%)
 rename src/common/{ => components}/ClientOnly.jsx (100%)
 rename src/common/{ => components}/DelaySkeleton.jsx (100%)
 rename src/common/{ => components}/ErrorBoundary.jsx (100%)
 rename src/common/{ => components}/Input.jsx (100%)
 rename src/common/{ => components}/PhoneInput.jsx (100%)
 rename src/common/{ => components}/Spinner.jsx (100%)
 rename src/common/{ => components}/Suspense.jsx (100%)
 rename src/{ => common}/modal/modal.jsx (100%)
 rename src/{ => common}/modal/openModal.js (100%)
 rename src/{ => common}/modal/store.js (100%)
 create mode 100644 src/mainPage/App.jsx
 rename src/{ => mainPage/features}/comment/assets/decoration.svg (100%)
 rename src/{ => mainPage/features}/comment/autoScrollCarousel/index.jsx (100%)
 rename src/{ => mainPage/features}/comment/autoScrollCarousel/useAutoCarousel.js (100%)
 rename src/{ => mainPage/features}/comment/commentCarousel/CommentCarousel.jsx (100%)
 rename src/{ => mainPage/features}/comment/commentCarousel/CommentCarouselError.jsx (100%)
 rename src/{ => mainPage/features}/comment/commentCarousel/CommentCarouselSkeleton.jsx (100%)
 rename src/{ => mainPage/features}/comment/commentCarousel/index.jsx (100%)
 rename src/{ => mainPage/features}/comment/commentForm/SubmitButton/index.jsx (100%)
 rename src/{ => mainPage/features}/comment/commentForm/index.jsx (100%)
 rename src/{ => mainPage/features}/comment/index.jsx (100%)
 rename src/{ => mainPage/features}/comment/mock.js (100%)
 rename src/{ => mainPage/features}/comment/modals/CommentNegativeModal.jsx (100%)
 rename src/{ => mainPage/features}/comment/modals/CommentNoUserModal.jsx (100%)
 rename src/{ => mainPage/features}/comment/modals/CommentSuccessModal.jsx (100%)
 rename src/{ => mainPage/features}/detailInformation/DetailItem.jsx (100%)
 rename src/{ => mainPage/features}/detailInformation/DetailSwiper.jsx (100%)
 rename src/{ => mainPage/features}/detailInformation/assets/decoration.svg (100%)
 rename src/{ => mainPage/features}/detailInformation/assets/left.svg (100%)
 rename src/{ => mainPage/features}/detailInformation/assets/right.svg (100%)
 rename src/{ => mainPage/features}/detailInformation/content.json (100%)
 rename src/{ => mainPage/features}/detailInformation/index.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/Card.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/CardGame.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/CardGameTitle.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/correct@1x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/correct@2x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/failed@1x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/failed@2x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/hidden@1x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/assets/hidden@2x.png (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/index.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/cardGame/style.module.css (100%)
 rename src/{ => mainPage/features}/fcfs/constants.js (100%)
 rename src/{ => mainPage/features}/fcfs/countdown/CountStarter.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/countdown/CountdownController.js (100%)
 rename src/{ => mainPage/features}/fcfs/description/DateEventPrize.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/description/content.json (100%)
 rename src/{ => mainPage/features}/fcfs/description/index.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/index.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/mock.js (100%)
 rename src/{ => mainPage/features}/fcfs/modals/FcfsInvalidModal.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/modals/FcfsLoseModal.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/modals/FcfsWinModal.jsx (100%)
 rename src/{ => mainPage/features}/fcfs/store.js (100%)
 rename src/{ => mainPage/features}/footer/index.jsx (100%)
 rename src/{ => mainPage/features}/header/AuthButtonSection.jsx (100%)
 rename src/{ => mainPage/features}/header/index.jsx (100%)
 rename src/{ => mainPage/features}/header/index.module.css (100%)
 rename src/{ => mainPage/features}/interactions/GiftDetail.jsx (100%)
 rename src/{ => mainPage/features}/interactions/InteractionAnswer.jsx (100%)
 rename src/{ => mainPage/features}/interactions/InteractionAnswer.module.css (100%)
 rename src/{ => mainPage/features}/interactions/InteractionDescription.jsx (100%)
 rename src/{ => mainPage/features}/interactions/InteractionModal.jsx (100%)
 rename src/{ => mainPage/features}/interactions/InteractionSlide.jsx (100%)
 rename src/{ => mainPage/features}/interactions/IntroductionDetail.jsx (100%)
 rename src/{ => mainPage/features}/interactions/TapBar.jsx (100%)
 rename src/{ => mainPage/features}/interactions/content.json (100%)
 rename src/{ => mainPage/features}/interactions/distanceDriven/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/distanceDriven/usePointDrag.js (100%)
 rename src/{ => mainPage/features}/interactions/fastCharge/BatteryProgressBar.jsx (100%)
 rename src/{ => mainPage/features}/interactions/fastCharge/assets/timer.svg (100%)
 rename src/{ => mainPage/features}/interactions/fastCharge/batteryStyle.module.css (100%)
 rename src/{ => mainPage/features}/interactions/fastCharge/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/fastCharge/useDialDrag.js (100%)
 rename src/{ => mainPage/features}/interactions/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/star.svg (100%)
 rename src/{ => mainPage/features}/interactions/subsidy/assets/coin.json (100%)
 rename src/{ => mainPage/features}/interactions/subsidy/assets/dollor.svg (100%)
 rename src/{ => mainPage/features}/interactions/subsidy/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/Phone.jsx (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/chargeMark.svg (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/iphone.svg (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/seat.png (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/univasalIsland2.png (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/univasalIsland@1x.png (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/assets/univasalIsland@2x.png (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/style.module.css (100%)
 rename src/{ => mainPage/features}/interactions/univasalIsland/useIslandDrag.js (100%)
 rename src/{ => mainPage/features}/interactions/v2l/Puzzle.jsx (100%)
 rename src/{ => mainPage/features}/interactions/v2l/PuzzlePiece.jsx (100%)
 rename src/{ => mainPage/features}/interactions/v2l/assets/car@1x.png (100%)
 rename src/{ => mainPage/features}/interactions/v2l/assets/car@2x.png (100%)
 rename src/{ => mainPage/features}/interactions/v2l/assets/pan.svg (100%)
 rename src/{ => mainPage/features}/interactions/v2l/assets/panContainer@1x.png (100%)
 rename src/{ => mainPage/features}/interactions/v2l/assets/panContainer@2x.png (100%)
 rename src/{ => mainPage/features}/interactions/v2l/constants.js (100%)
 rename src/{ => mainPage/features}/interactions/v2l/generateRandom.js (100%)
 rename src/{ => mainPage/features}/interactions/v2l/index.jsx (100%)
 rename src/{ => mainPage/features}/interactions/v2l/style.module.css (100%)
 rename src/{ => mainPage/features}/interactions/v2l/utils.js (100%)
 rename src/{ => mainPage/features}/introSection/LineHighlight.jsx (100%)
 rename src/{ => mainPage/features}/introSection/car-spin-small.webm (100%)
 rename src/{ => mainPage/features}/introSection/car-spin.webm (100%)
 rename src/{ => mainPage/features}/introSection/index.jsx (100%)
 rename src/{ => mainPage/features}/introSection/index.module.css (100%)
 rename src/{ => mainPage/features}/introSection/notifier/FcfsNotifierCountdown.jsx (100%)
 rename src/{ => mainPage/features}/introSection/notifier/index.jsx (100%)
 rename src/{ => mainPage/features}/introSection/pointer.svg (100%)
 rename src/{ => mainPage/features}/qna/QnAArticle.jsx (100%)
 rename src/{ => mainPage/features}/qna/assets/arrow.svg (100%)
 rename src/{ => mainPage/features}/qna/content.json (100%)
 rename src/{ => mainPage/features}/qna/index.jsx (100%)
 rename src/{ => mainPage/features}/simpleInformation/contentList.json (100%)
 rename src/{ => mainPage/features}/simpleInformation/contentSection.jsx (100%)
 rename src/{ => mainPage/features}/simpleInformation/contentSection.module.css (100%)
 rename src/{ => mainPage/features}/simpleInformation/index.jsx (100%)
 rename src/{ => mainPage}/index.css (100%)
 rename src/{ => mainPage}/main-client.jsx (100%)
 rename src/{ => mainPage}/main-server.jsx (100%)
 rename src/{ => mainPage}/mock.js (100%)
 rename src/{ => mainPage/shared}/auth/AuthCode/InputWithTimer.jsx (100%)
 rename src/{ => mainPage/shared}/auth/AuthCode/index.jsx (100%)
 rename src/{ => mainPage/shared}/auth/AuthCode/submitAuthCode.js (100%)
 rename src/{ => mainPage/shared}/auth/AuthCode/useTimer.js (100%)
 rename src/{ => mainPage/shared}/auth/AuthModal.jsx (100%)
 rename src/{ => mainPage/shared}/auth/InfoInput/index.jsx (100%)
 rename src/{common => mainPage/shared/auth}/IntervalController.js (100%)
 rename src/{ => mainPage/shared}/auth/UserFind/index.jsx (100%)
 rename src/{ => mainPage/shared}/auth/UserFind/requestLogin.js (100%)
 rename src/{ => mainPage/shared}/auth/Welcome/index.jsx (100%)
 rename src/{ => mainPage/shared}/auth/mock.js (100%)
 rename src/{ => mainPage/shared}/auth/requestAuthCode.js (100%)
 rename src/{ => mainPage/shared}/auth/store.js (100%)
 rename src/{ => mainPage/shared}/auth/tokenSaver.js (100%)
 rename src/{common => mainPage/shared/components}/NoServerModal.jsx (100%)
 rename src/{common => mainPage/shared/components}/ResetButton.jsx (100%)
 rename src/{common/assets => mainPage/shared/components}/refresh.svg (100%)
 rename src/{ => mainPage/shared}/eventDescription/EventDescriptionLayout.jsx (100%)
 rename src/{ => mainPage/shared}/eventDescription/EventDetail.jsx (100%)
 rename src/{ => mainPage/shared}/eventDescription/makeHighlight.jsx (100%)
 rename src/{common => mainPage/shared/hooks}/useMountDragEvent.js (100%)
 rename src/{common => mainPage/shared/hooks}/useScrollTransition.js (100%)
 rename src/{common => mainPage/shared/hooks}/useSwiperState.js (100%)
 create mode 100644 src/mainPage/shared/scroll/constants.js
 rename src/{ => mainPage/shared}/scroll/scrollTo.js (100%)
 rename src/{ => mainPage/shared}/scroll/store.js (100%)
 rename src/{ => mainPage/shared}/scroll/useSectionInitialize.js (100%)

diff --git a/index.html b/index.html
index 83df13f1..947bf910 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,6 @@
   </head>
   <body>
     <div id="root"><!--hydrate_root--></div>
-    <script type="module" src="/src/main-client.jsx"></script>
+    <script type="module" src="/src/mainPage/main-client.jsx"></script>
   </body>
 </html>
diff --git a/src/App.jsx b/src/App.jsx
deleted file mode 100644
index 27b936e1..00000000
--- a/src/App.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect } from "react";
-import IntroSection from "./introSection";
-import Header from "./header";
-import SimpleInformation from "./simpleInformation";
-import DetailInformation from "./detailInformation";
-import CommentSection from "./comment";
-import FcfsSection from "./fcfs";
-import QnA from "./qna";
-import Footer from "./footer";
-import Modal from "./modal/modal.jsx";
-import InteractionPage from "./interactions";
-import { initLoginState } from "./auth/store.js";
-
-function App() {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-    history.scrollRestoration = "manual";
-    initLoginState();
-  }, []);
-
-  return (
-    <>
-      <IntroSection />
-      <Header />
-      <SimpleInformation />
-      <InteractionPage />
-      <DetailInformation />
-      <CommentSection />
-      <FcfsSection />
-      <QnA />
-      <Footer />
-      <Modal layer="interaction" />
-      <Modal layer="alert" />
-    </>
-  );
-}
-
-export default App;
diff --git a/src/common/Button.jsx b/src/common/components/Button.jsx
similarity index 100%
rename from src/common/Button.jsx
rename to src/common/components/Button.jsx
diff --git a/src/common/ClientOnly.jsx b/src/common/components/ClientOnly.jsx
similarity index 100%
rename from src/common/ClientOnly.jsx
rename to src/common/components/ClientOnly.jsx
diff --git a/src/common/DelaySkeleton.jsx b/src/common/components/DelaySkeleton.jsx
similarity index 100%
rename from src/common/DelaySkeleton.jsx
rename to src/common/components/DelaySkeleton.jsx
diff --git a/src/common/ErrorBoundary.jsx b/src/common/components/ErrorBoundary.jsx
similarity index 100%
rename from src/common/ErrorBoundary.jsx
rename to src/common/components/ErrorBoundary.jsx
diff --git a/src/common/Input.jsx b/src/common/components/Input.jsx
similarity index 100%
rename from src/common/Input.jsx
rename to src/common/components/Input.jsx
diff --git a/src/common/PhoneInput.jsx b/src/common/components/PhoneInput.jsx
similarity index 100%
rename from src/common/PhoneInput.jsx
rename to src/common/components/PhoneInput.jsx
diff --git a/src/common/Spinner.jsx b/src/common/components/Spinner.jsx
similarity index 100%
rename from src/common/Spinner.jsx
rename to src/common/components/Spinner.jsx
diff --git a/src/common/Suspense.jsx b/src/common/components/Suspense.jsx
similarity index 100%
rename from src/common/Suspense.jsx
rename to src/common/components/Suspense.jsx
diff --git a/src/common/constants.js b/src/common/constants.js
index c938cc0b..f8ec92ef 100644
--- a/src/common/constants.js
+++ b/src/common/constants.js
@@ -1,8 +1,2 @@
 export const EVENT_ID = "0";
-export const TOKEN_ID = "AWESOME_ORANGE_ACCESS_TOKEN";
-
-// scroll section constants
-export const INTERACTION_SECTION = 1;
-export const DETAIL_SECTION = 2;
-export const COMMENT_SECTION = 3;
-export const FCFS_SECTION = 4;
+export const TOKEN_ID = "AWESOME_ORANGE_ACCESS_TOKEN";
\ No newline at end of file
diff --git a/src/modal/modal.jsx b/src/common/modal/modal.jsx
similarity index 100%
rename from src/modal/modal.jsx
rename to src/common/modal/modal.jsx
diff --git a/src/modal/openModal.js b/src/common/modal/openModal.js
similarity index 100%
rename from src/modal/openModal.js
rename to src/common/modal/openModal.js
diff --git a/src/modal/store.js b/src/common/modal/store.js
similarity index 100%
rename from src/modal/store.js
rename to src/common/modal/store.js
diff --git a/src/mainPage/App.jsx b/src/mainPage/App.jsx
new file mode 100644
index 00000000..a57160e1
--- /dev/null
+++ b/src/mainPage/App.jsx
@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+
+import IntroSection from "./features/introSection";
+import Header from "./features/header";
+import SimpleInformation from "./features/simpleInformation";
+import InteractionPage from "./features/interactions";
+import DetailInformation from "./features/detailInformation";
+import CommentSection from "./features/comment";
+import FcfsSection from "./features/fcfs";
+import QnA from "./features/qna";
+import Footer from "./features/footer";
+
+import Modal from "@common/modal/modal.jsx";
+import { initLoginState } from "@main/auth/store.js";
+
+function App() {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+    history.scrollRestoration = "manual";
+    initLoginState();
+  }, []);
+
+  return (
+    <>
+      <IntroSection />
+      <Header />
+      <SimpleInformation />
+      <InteractionPage />
+      <DetailInformation />
+      <CommentSection />
+      <FcfsSection />
+      <QnA />
+      <Footer />
+      <Modal layer="interaction" />
+      <Modal layer="alert" />
+    </>
+  );
+}
+
+export default App;
diff --git a/src/comment/assets/decoration.svg b/src/mainPage/features/comment/assets/decoration.svg
similarity index 100%
rename from src/comment/assets/decoration.svg
rename to src/mainPage/features/comment/assets/decoration.svg
diff --git a/src/comment/autoScrollCarousel/index.jsx b/src/mainPage/features/comment/autoScrollCarousel/index.jsx
similarity index 100%
rename from src/comment/autoScrollCarousel/index.jsx
rename to src/mainPage/features/comment/autoScrollCarousel/index.jsx
diff --git a/src/comment/autoScrollCarousel/useAutoCarousel.js b/src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js
similarity index 100%
rename from src/comment/autoScrollCarousel/useAutoCarousel.js
rename to src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js
diff --git a/src/comment/commentCarousel/CommentCarousel.jsx b/src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx
similarity index 100%
rename from src/comment/commentCarousel/CommentCarousel.jsx
rename to src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx
diff --git a/src/comment/commentCarousel/CommentCarouselError.jsx b/src/mainPage/features/comment/commentCarousel/CommentCarouselError.jsx
similarity index 100%
rename from src/comment/commentCarousel/CommentCarouselError.jsx
rename to src/mainPage/features/comment/commentCarousel/CommentCarouselError.jsx
diff --git a/src/comment/commentCarousel/CommentCarouselSkeleton.jsx b/src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx
similarity index 100%
rename from src/comment/commentCarousel/CommentCarouselSkeleton.jsx
rename to src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx
diff --git a/src/comment/commentCarousel/index.jsx b/src/mainPage/features/comment/commentCarousel/index.jsx
similarity index 100%
rename from src/comment/commentCarousel/index.jsx
rename to src/mainPage/features/comment/commentCarousel/index.jsx
diff --git a/src/comment/commentForm/SubmitButton/index.jsx b/src/mainPage/features/comment/commentForm/SubmitButton/index.jsx
similarity index 100%
rename from src/comment/commentForm/SubmitButton/index.jsx
rename to src/mainPage/features/comment/commentForm/SubmitButton/index.jsx
diff --git a/src/comment/commentForm/index.jsx b/src/mainPage/features/comment/commentForm/index.jsx
similarity index 100%
rename from src/comment/commentForm/index.jsx
rename to src/mainPage/features/comment/commentForm/index.jsx
diff --git a/src/comment/index.jsx b/src/mainPage/features/comment/index.jsx
similarity index 100%
rename from src/comment/index.jsx
rename to src/mainPage/features/comment/index.jsx
diff --git a/src/comment/mock.js b/src/mainPage/features/comment/mock.js
similarity index 100%
rename from src/comment/mock.js
rename to src/mainPage/features/comment/mock.js
diff --git a/src/comment/modals/CommentNegativeModal.jsx b/src/mainPage/features/comment/modals/CommentNegativeModal.jsx
similarity index 100%
rename from src/comment/modals/CommentNegativeModal.jsx
rename to src/mainPage/features/comment/modals/CommentNegativeModal.jsx
diff --git a/src/comment/modals/CommentNoUserModal.jsx b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
similarity index 100%
rename from src/comment/modals/CommentNoUserModal.jsx
rename to src/mainPage/features/comment/modals/CommentNoUserModal.jsx
diff --git a/src/comment/modals/CommentSuccessModal.jsx b/src/mainPage/features/comment/modals/CommentSuccessModal.jsx
similarity index 100%
rename from src/comment/modals/CommentSuccessModal.jsx
rename to src/mainPage/features/comment/modals/CommentSuccessModal.jsx
diff --git a/src/detailInformation/DetailItem.jsx b/src/mainPage/features/detailInformation/DetailItem.jsx
similarity index 100%
rename from src/detailInformation/DetailItem.jsx
rename to src/mainPage/features/detailInformation/DetailItem.jsx
diff --git a/src/detailInformation/DetailSwiper.jsx b/src/mainPage/features/detailInformation/DetailSwiper.jsx
similarity index 100%
rename from src/detailInformation/DetailSwiper.jsx
rename to src/mainPage/features/detailInformation/DetailSwiper.jsx
diff --git a/src/detailInformation/assets/decoration.svg b/src/mainPage/features/detailInformation/assets/decoration.svg
similarity index 100%
rename from src/detailInformation/assets/decoration.svg
rename to src/mainPage/features/detailInformation/assets/decoration.svg
diff --git a/src/detailInformation/assets/left.svg b/src/mainPage/features/detailInformation/assets/left.svg
similarity index 100%
rename from src/detailInformation/assets/left.svg
rename to src/mainPage/features/detailInformation/assets/left.svg
diff --git a/src/detailInformation/assets/right.svg b/src/mainPage/features/detailInformation/assets/right.svg
similarity index 100%
rename from src/detailInformation/assets/right.svg
rename to src/mainPage/features/detailInformation/assets/right.svg
diff --git a/src/detailInformation/content.json b/src/mainPage/features/detailInformation/content.json
similarity index 100%
rename from src/detailInformation/content.json
rename to src/mainPage/features/detailInformation/content.json
diff --git a/src/detailInformation/index.jsx b/src/mainPage/features/detailInformation/index.jsx
similarity index 100%
rename from src/detailInformation/index.jsx
rename to src/mainPage/features/detailInformation/index.jsx
diff --git a/src/fcfs/cardGame/Card.jsx b/src/mainPage/features/fcfs/cardGame/Card.jsx
similarity index 100%
rename from src/fcfs/cardGame/Card.jsx
rename to src/mainPage/features/fcfs/cardGame/Card.jsx
diff --git a/src/fcfs/cardGame/CardGame.jsx b/src/mainPage/features/fcfs/cardGame/CardGame.jsx
similarity index 100%
rename from src/fcfs/cardGame/CardGame.jsx
rename to src/mainPage/features/fcfs/cardGame/CardGame.jsx
diff --git a/src/fcfs/cardGame/CardGameTitle.jsx b/src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx
similarity index 100%
rename from src/fcfs/cardGame/CardGameTitle.jsx
rename to src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx
diff --git a/src/fcfs/cardGame/assets/correct@1x.png b/src/mainPage/features/fcfs/cardGame/assets/correct@1x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/correct@1x.png
rename to src/mainPage/features/fcfs/cardGame/assets/correct@1x.png
diff --git a/src/fcfs/cardGame/assets/correct@2x.png b/src/mainPage/features/fcfs/cardGame/assets/correct@2x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/correct@2x.png
rename to src/mainPage/features/fcfs/cardGame/assets/correct@2x.png
diff --git a/src/fcfs/cardGame/assets/failed@1x.png b/src/mainPage/features/fcfs/cardGame/assets/failed@1x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/failed@1x.png
rename to src/mainPage/features/fcfs/cardGame/assets/failed@1x.png
diff --git a/src/fcfs/cardGame/assets/failed@2x.png b/src/mainPage/features/fcfs/cardGame/assets/failed@2x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/failed@2x.png
rename to src/mainPage/features/fcfs/cardGame/assets/failed@2x.png
diff --git a/src/fcfs/cardGame/assets/hidden@1x.png b/src/mainPage/features/fcfs/cardGame/assets/hidden@1x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/hidden@1x.png
rename to src/mainPage/features/fcfs/cardGame/assets/hidden@1x.png
diff --git a/src/fcfs/cardGame/assets/hidden@2x.png b/src/mainPage/features/fcfs/cardGame/assets/hidden@2x.png
similarity index 100%
rename from src/fcfs/cardGame/assets/hidden@2x.png
rename to src/mainPage/features/fcfs/cardGame/assets/hidden@2x.png
diff --git a/src/fcfs/cardGame/index.jsx b/src/mainPage/features/fcfs/cardGame/index.jsx
similarity index 100%
rename from src/fcfs/cardGame/index.jsx
rename to src/mainPage/features/fcfs/cardGame/index.jsx
diff --git a/src/fcfs/cardGame/style.module.css b/src/mainPage/features/fcfs/cardGame/style.module.css
similarity index 100%
rename from src/fcfs/cardGame/style.module.css
rename to src/mainPage/features/fcfs/cardGame/style.module.css
diff --git a/src/fcfs/constants.js b/src/mainPage/features/fcfs/constants.js
similarity index 100%
rename from src/fcfs/constants.js
rename to src/mainPage/features/fcfs/constants.js
diff --git a/src/fcfs/countdown/CountStarter.jsx b/src/mainPage/features/fcfs/countdown/CountStarter.jsx
similarity index 100%
rename from src/fcfs/countdown/CountStarter.jsx
rename to src/mainPage/features/fcfs/countdown/CountStarter.jsx
diff --git a/src/fcfs/countdown/CountdownController.js b/src/mainPage/features/fcfs/countdown/CountdownController.js
similarity index 100%
rename from src/fcfs/countdown/CountdownController.js
rename to src/mainPage/features/fcfs/countdown/CountdownController.js
diff --git a/src/fcfs/description/DateEventPrize.jsx b/src/mainPage/features/fcfs/description/DateEventPrize.jsx
similarity index 100%
rename from src/fcfs/description/DateEventPrize.jsx
rename to src/mainPage/features/fcfs/description/DateEventPrize.jsx
diff --git a/src/fcfs/description/content.json b/src/mainPage/features/fcfs/description/content.json
similarity index 100%
rename from src/fcfs/description/content.json
rename to src/mainPage/features/fcfs/description/content.json
diff --git a/src/fcfs/description/index.jsx b/src/mainPage/features/fcfs/description/index.jsx
similarity index 100%
rename from src/fcfs/description/index.jsx
rename to src/mainPage/features/fcfs/description/index.jsx
diff --git a/src/fcfs/index.jsx b/src/mainPage/features/fcfs/index.jsx
similarity index 100%
rename from src/fcfs/index.jsx
rename to src/mainPage/features/fcfs/index.jsx
diff --git a/src/fcfs/mock.js b/src/mainPage/features/fcfs/mock.js
similarity index 100%
rename from src/fcfs/mock.js
rename to src/mainPage/features/fcfs/mock.js
diff --git a/src/fcfs/modals/FcfsInvalidModal.jsx b/src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx
similarity index 100%
rename from src/fcfs/modals/FcfsInvalidModal.jsx
rename to src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx
diff --git a/src/fcfs/modals/FcfsLoseModal.jsx b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
similarity index 100%
rename from src/fcfs/modals/FcfsLoseModal.jsx
rename to src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
diff --git a/src/fcfs/modals/FcfsWinModal.jsx b/src/mainPage/features/fcfs/modals/FcfsWinModal.jsx
similarity index 100%
rename from src/fcfs/modals/FcfsWinModal.jsx
rename to src/mainPage/features/fcfs/modals/FcfsWinModal.jsx
diff --git a/src/fcfs/store.js b/src/mainPage/features/fcfs/store.js
similarity index 100%
rename from src/fcfs/store.js
rename to src/mainPage/features/fcfs/store.js
diff --git a/src/footer/index.jsx b/src/mainPage/features/footer/index.jsx
similarity index 100%
rename from src/footer/index.jsx
rename to src/mainPage/features/footer/index.jsx
diff --git a/src/header/AuthButtonSection.jsx b/src/mainPage/features/header/AuthButtonSection.jsx
similarity index 100%
rename from src/header/AuthButtonSection.jsx
rename to src/mainPage/features/header/AuthButtonSection.jsx
diff --git a/src/header/index.jsx b/src/mainPage/features/header/index.jsx
similarity index 100%
rename from src/header/index.jsx
rename to src/mainPage/features/header/index.jsx
diff --git a/src/header/index.module.css b/src/mainPage/features/header/index.module.css
similarity index 100%
rename from src/header/index.module.css
rename to src/mainPage/features/header/index.module.css
diff --git a/src/interactions/GiftDetail.jsx b/src/mainPage/features/interactions/GiftDetail.jsx
similarity index 100%
rename from src/interactions/GiftDetail.jsx
rename to src/mainPage/features/interactions/GiftDetail.jsx
diff --git a/src/interactions/InteractionAnswer.jsx b/src/mainPage/features/interactions/InteractionAnswer.jsx
similarity index 100%
rename from src/interactions/InteractionAnswer.jsx
rename to src/mainPage/features/interactions/InteractionAnswer.jsx
diff --git a/src/interactions/InteractionAnswer.module.css b/src/mainPage/features/interactions/InteractionAnswer.module.css
similarity index 100%
rename from src/interactions/InteractionAnswer.module.css
rename to src/mainPage/features/interactions/InteractionAnswer.module.css
diff --git a/src/interactions/InteractionDescription.jsx b/src/mainPage/features/interactions/InteractionDescription.jsx
similarity index 100%
rename from src/interactions/InteractionDescription.jsx
rename to src/mainPage/features/interactions/InteractionDescription.jsx
diff --git a/src/interactions/InteractionModal.jsx b/src/mainPage/features/interactions/InteractionModal.jsx
similarity index 100%
rename from src/interactions/InteractionModal.jsx
rename to src/mainPage/features/interactions/InteractionModal.jsx
diff --git a/src/interactions/InteractionSlide.jsx b/src/mainPage/features/interactions/InteractionSlide.jsx
similarity index 100%
rename from src/interactions/InteractionSlide.jsx
rename to src/mainPage/features/interactions/InteractionSlide.jsx
diff --git a/src/interactions/IntroductionDetail.jsx b/src/mainPage/features/interactions/IntroductionDetail.jsx
similarity index 100%
rename from src/interactions/IntroductionDetail.jsx
rename to src/mainPage/features/interactions/IntroductionDetail.jsx
diff --git a/src/interactions/TapBar.jsx b/src/mainPage/features/interactions/TapBar.jsx
similarity index 100%
rename from src/interactions/TapBar.jsx
rename to src/mainPage/features/interactions/TapBar.jsx
diff --git a/src/interactions/content.json b/src/mainPage/features/interactions/content.json
similarity index 100%
rename from src/interactions/content.json
rename to src/mainPage/features/interactions/content.json
diff --git a/src/interactions/distanceDriven/index.jsx b/src/mainPage/features/interactions/distanceDriven/index.jsx
similarity index 100%
rename from src/interactions/distanceDriven/index.jsx
rename to src/mainPage/features/interactions/distanceDriven/index.jsx
diff --git a/src/interactions/distanceDriven/usePointDrag.js b/src/mainPage/features/interactions/distanceDriven/usePointDrag.js
similarity index 100%
rename from src/interactions/distanceDriven/usePointDrag.js
rename to src/mainPage/features/interactions/distanceDriven/usePointDrag.js
diff --git a/src/interactions/fastCharge/BatteryProgressBar.jsx b/src/mainPage/features/interactions/fastCharge/BatteryProgressBar.jsx
similarity index 100%
rename from src/interactions/fastCharge/BatteryProgressBar.jsx
rename to src/mainPage/features/interactions/fastCharge/BatteryProgressBar.jsx
diff --git a/src/interactions/fastCharge/assets/timer.svg b/src/mainPage/features/interactions/fastCharge/assets/timer.svg
similarity index 100%
rename from src/interactions/fastCharge/assets/timer.svg
rename to src/mainPage/features/interactions/fastCharge/assets/timer.svg
diff --git a/src/interactions/fastCharge/batteryStyle.module.css b/src/mainPage/features/interactions/fastCharge/batteryStyle.module.css
similarity index 100%
rename from src/interactions/fastCharge/batteryStyle.module.css
rename to src/mainPage/features/interactions/fastCharge/batteryStyle.module.css
diff --git a/src/interactions/fastCharge/index.jsx b/src/mainPage/features/interactions/fastCharge/index.jsx
similarity index 100%
rename from src/interactions/fastCharge/index.jsx
rename to src/mainPage/features/interactions/fastCharge/index.jsx
diff --git a/src/interactions/fastCharge/useDialDrag.js b/src/mainPage/features/interactions/fastCharge/useDialDrag.js
similarity index 100%
rename from src/interactions/fastCharge/useDialDrag.js
rename to src/mainPage/features/interactions/fastCharge/useDialDrag.js
diff --git a/src/interactions/index.jsx b/src/mainPage/features/interactions/index.jsx
similarity index 100%
rename from src/interactions/index.jsx
rename to src/mainPage/features/interactions/index.jsx
diff --git a/src/interactions/star.svg b/src/mainPage/features/interactions/star.svg
similarity index 100%
rename from src/interactions/star.svg
rename to src/mainPage/features/interactions/star.svg
diff --git a/src/interactions/subsidy/assets/coin.json b/src/mainPage/features/interactions/subsidy/assets/coin.json
similarity index 100%
rename from src/interactions/subsidy/assets/coin.json
rename to src/mainPage/features/interactions/subsidy/assets/coin.json
diff --git a/src/interactions/subsidy/assets/dollor.svg b/src/mainPage/features/interactions/subsidy/assets/dollor.svg
similarity index 100%
rename from src/interactions/subsidy/assets/dollor.svg
rename to src/mainPage/features/interactions/subsidy/assets/dollor.svg
diff --git a/src/interactions/subsidy/index.jsx b/src/mainPage/features/interactions/subsidy/index.jsx
similarity index 100%
rename from src/interactions/subsidy/index.jsx
rename to src/mainPage/features/interactions/subsidy/index.jsx
diff --git a/src/interactions/univasalIsland/Phone.jsx b/src/mainPage/features/interactions/univasalIsland/Phone.jsx
similarity index 100%
rename from src/interactions/univasalIsland/Phone.jsx
rename to src/mainPage/features/interactions/univasalIsland/Phone.jsx
diff --git a/src/interactions/univasalIsland/assets/chargeMark.svg b/src/mainPage/features/interactions/univasalIsland/assets/chargeMark.svg
similarity index 100%
rename from src/interactions/univasalIsland/assets/chargeMark.svg
rename to src/mainPage/features/interactions/univasalIsland/assets/chargeMark.svg
diff --git a/src/interactions/univasalIsland/assets/iphone.svg b/src/mainPage/features/interactions/univasalIsland/assets/iphone.svg
similarity index 100%
rename from src/interactions/univasalIsland/assets/iphone.svg
rename to src/mainPage/features/interactions/univasalIsland/assets/iphone.svg
diff --git a/src/interactions/univasalIsland/assets/seat.png b/src/mainPage/features/interactions/univasalIsland/assets/seat.png
similarity index 100%
rename from src/interactions/univasalIsland/assets/seat.png
rename to src/mainPage/features/interactions/univasalIsland/assets/seat.png
diff --git a/src/interactions/univasalIsland/assets/univasalIsland2.png b/src/mainPage/features/interactions/univasalIsland/assets/univasalIsland2.png
similarity index 100%
rename from src/interactions/univasalIsland/assets/univasalIsland2.png
rename to src/mainPage/features/interactions/univasalIsland/assets/univasalIsland2.png
diff --git a/src/interactions/univasalIsland/assets/univasalIsland@1x.png b/src/mainPage/features/interactions/univasalIsland/assets/univasalIsland@1x.png
similarity index 100%
rename from src/interactions/univasalIsland/assets/univasalIsland@1x.png
rename to src/mainPage/features/interactions/univasalIsland/assets/univasalIsland@1x.png
diff --git a/src/interactions/univasalIsland/assets/univasalIsland@2x.png b/src/mainPage/features/interactions/univasalIsland/assets/univasalIsland@2x.png
similarity index 100%
rename from src/interactions/univasalIsland/assets/univasalIsland@2x.png
rename to src/mainPage/features/interactions/univasalIsland/assets/univasalIsland@2x.png
diff --git a/src/interactions/univasalIsland/index.jsx b/src/mainPage/features/interactions/univasalIsland/index.jsx
similarity index 100%
rename from src/interactions/univasalIsland/index.jsx
rename to src/mainPage/features/interactions/univasalIsland/index.jsx
diff --git a/src/interactions/univasalIsland/style.module.css b/src/mainPage/features/interactions/univasalIsland/style.module.css
similarity index 100%
rename from src/interactions/univasalIsland/style.module.css
rename to src/mainPage/features/interactions/univasalIsland/style.module.css
diff --git a/src/interactions/univasalIsland/useIslandDrag.js b/src/mainPage/features/interactions/univasalIsland/useIslandDrag.js
similarity index 100%
rename from src/interactions/univasalIsland/useIslandDrag.js
rename to src/mainPage/features/interactions/univasalIsland/useIslandDrag.js
diff --git a/src/interactions/v2l/Puzzle.jsx b/src/mainPage/features/interactions/v2l/Puzzle.jsx
similarity index 100%
rename from src/interactions/v2l/Puzzle.jsx
rename to src/mainPage/features/interactions/v2l/Puzzle.jsx
diff --git a/src/interactions/v2l/PuzzlePiece.jsx b/src/mainPage/features/interactions/v2l/PuzzlePiece.jsx
similarity index 100%
rename from src/interactions/v2l/PuzzlePiece.jsx
rename to src/mainPage/features/interactions/v2l/PuzzlePiece.jsx
diff --git a/src/interactions/v2l/assets/car@1x.png b/src/mainPage/features/interactions/v2l/assets/car@1x.png
similarity index 100%
rename from src/interactions/v2l/assets/car@1x.png
rename to src/mainPage/features/interactions/v2l/assets/car@1x.png
diff --git a/src/interactions/v2l/assets/car@2x.png b/src/mainPage/features/interactions/v2l/assets/car@2x.png
similarity index 100%
rename from src/interactions/v2l/assets/car@2x.png
rename to src/mainPage/features/interactions/v2l/assets/car@2x.png
diff --git a/src/interactions/v2l/assets/pan.svg b/src/mainPage/features/interactions/v2l/assets/pan.svg
similarity index 100%
rename from src/interactions/v2l/assets/pan.svg
rename to src/mainPage/features/interactions/v2l/assets/pan.svg
diff --git a/src/interactions/v2l/assets/panContainer@1x.png b/src/mainPage/features/interactions/v2l/assets/panContainer@1x.png
similarity index 100%
rename from src/interactions/v2l/assets/panContainer@1x.png
rename to src/mainPage/features/interactions/v2l/assets/panContainer@1x.png
diff --git a/src/interactions/v2l/assets/panContainer@2x.png b/src/mainPage/features/interactions/v2l/assets/panContainer@2x.png
similarity index 100%
rename from src/interactions/v2l/assets/panContainer@2x.png
rename to src/mainPage/features/interactions/v2l/assets/panContainer@2x.png
diff --git a/src/interactions/v2l/constants.js b/src/mainPage/features/interactions/v2l/constants.js
similarity index 100%
rename from src/interactions/v2l/constants.js
rename to src/mainPage/features/interactions/v2l/constants.js
diff --git a/src/interactions/v2l/generateRandom.js b/src/mainPage/features/interactions/v2l/generateRandom.js
similarity index 100%
rename from src/interactions/v2l/generateRandom.js
rename to src/mainPage/features/interactions/v2l/generateRandom.js
diff --git a/src/interactions/v2l/index.jsx b/src/mainPage/features/interactions/v2l/index.jsx
similarity index 100%
rename from src/interactions/v2l/index.jsx
rename to src/mainPage/features/interactions/v2l/index.jsx
diff --git a/src/interactions/v2l/style.module.css b/src/mainPage/features/interactions/v2l/style.module.css
similarity index 100%
rename from src/interactions/v2l/style.module.css
rename to src/mainPage/features/interactions/v2l/style.module.css
diff --git a/src/interactions/v2l/utils.js b/src/mainPage/features/interactions/v2l/utils.js
similarity index 100%
rename from src/interactions/v2l/utils.js
rename to src/mainPage/features/interactions/v2l/utils.js
diff --git a/src/introSection/LineHighlight.jsx b/src/mainPage/features/introSection/LineHighlight.jsx
similarity index 100%
rename from src/introSection/LineHighlight.jsx
rename to src/mainPage/features/introSection/LineHighlight.jsx
diff --git a/src/introSection/car-spin-small.webm b/src/mainPage/features/introSection/car-spin-small.webm
similarity index 100%
rename from src/introSection/car-spin-small.webm
rename to src/mainPage/features/introSection/car-spin-small.webm
diff --git a/src/introSection/car-spin.webm b/src/mainPage/features/introSection/car-spin.webm
similarity index 100%
rename from src/introSection/car-spin.webm
rename to src/mainPage/features/introSection/car-spin.webm
diff --git a/src/introSection/index.jsx b/src/mainPage/features/introSection/index.jsx
similarity index 100%
rename from src/introSection/index.jsx
rename to src/mainPage/features/introSection/index.jsx
diff --git a/src/introSection/index.module.css b/src/mainPage/features/introSection/index.module.css
similarity index 100%
rename from src/introSection/index.module.css
rename to src/mainPage/features/introSection/index.module.css
diff --git a/src/introSection/notifier/FcfsNotifierCountdown.jsx b/src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx
similarity index 100%
rename from src/introSection/notifier/FcfsNotifierCountdown.jsx
rename to src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx
diff --git a/src/introSection/notifier/index.jsx b/src/mainPage/features/introSection/notifier/index.jsx
similarity index 100%
rename from src/introSection/notifier/index.jsx
rename to src/mainPage/features/introSection/notifier/index.jsx
diff --git a/src/introSection/pointer.svg b/src/mainPage/features/introSection/pointer.svg
similarity index 100%
rename from src/introSection/pointer.svg
rename to src/mainPage/features/introSection/pointer.svg
diff --git a/src/qna/QnAArticle.jsx b/src/mainPage/features/qna/QnAArticle.jsx
similarity index 100%
rename from src/qna/QnAArticle.jsx
rename to src/mainPage/features/qna/QnAArticle.jsx
diff --git a/src/qna/assets/arrow.svg b/src/mainPage/features/qna/assets/arrow.svg
similarity index 100%
rename from src/qna/assets/arrow.svg
rename to src/mainPage/features/qna/assets/arrow.svg
diff --git a/src/qna/content.json b/src/mainPage/features/qna/content.json
similarity index 100%
rename from src/qna/content.json
rename to src/mainPage/features/qna/content.json
diff --git a/src/qna/index.jsx b/src/mainPage/features/qna/index.jsx
similarity index 100%
rename from src/qna/index.jsx
rename to src/mainPage/features/qna/index.jsx
diff --git a/src/simpleInformation/contentList.json b/src/mainPage/features/simpleInformation/contentList.json
similarity index 100%
rename from src/simpleInformation/contentList.json
rename to src/mainPage/features/simpleInformation/contentList.json
diff --git a/src/simpleInformation/contentSection.jsx b/src/mainPage/features/simpleInformation/contentSection.jsx
similarity index 100%
rename from src/simpleInformation/contentSection.jsx
rename to src/mainPage/features/simpleInformation/contentSection.jsx
diff --git a/src/simpleInformation/contentSection.module.css b/src/mainPage/features/simpleInformation/contentSection.module.css
similarity index 100%
rename from src/simpleInformation/contentSection.module.css
rename to src/mainPage/features/simpleInformation/contentSection.module.css
diff --git a/src/simpleInformation/index.jsx b/src/mainPage/features/simpleInformation/index.jsx
similarity index 100%
rename from src/simpleInformation/index.jsx
rename to src/mainPage/features/simpleInformation/index.jsx
diff --git a/src/index.css b/src/mainPage/index.css
similarity index 100%
rename from src/index.css
rename to src/mainPage/index.css
diff --git a/src/main-client.jsx b/src/mainPage/main-client.jsx
similarity index 100%
rename from src/main-client.jsx
rename to src/mainPage/main-client.jsx
diff --git a/src/main-server.jsx b/src/mainPage/main-server.jsx
similarity index 100%
rename from src/main-server.jsx
rename to src/mainPage/main-server.jsx
diff --git a/src/mock.js b/src/mainPage/mock.js
similarity index 100%
rename from src/mock.js
rename to src/mainPage/mock.js
diff --git a/src/auth/AuthCode/InputWithTimer.jsx b/src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx
similarity index 100%
rename from src/auth/AuthCode/InputWithTimer.jsx
rename to src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx
diff --git a/src/auth/AuthCode/index.jsx b/src/mainPage/shared/auth/AuthCode/index.jsx
similarity index 100%
rename from src/auth/AuthCode/index.jsx
rename to src/mainPage/shared/auth/AuthCode/index.jsx
diff --git a/src/auth/AuthCode/submitAuthCode.js b/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
similarity index 100%
rename from src/auth/AuthCode/submitAuthCode.js
rename to src/mainPage/shared/auth/AuthCode/submitAuthCode.js
diff --git a/src/auth/AuthCode/useTimer.js b/src/mainPage/shared/auth/AuthCode/useTimer.js
similarity index 100%
rename from src/auth/AuthCode/useTimer.js
rename to src/mainPage/shared/auth/AuthCode/useTimer.js
diff --git a/src/auth/AuthModal.jsx b/src/mainPage/shared/auth/AuthModal.jsx
similarity index 100%
rename from src/auth/AuthModal.jsx
rename to src/mainPage/shared/auth/AuthModal.jsx
diff --git a/src/auth/InfoInput/index.jsx b/src/mainPage/shared/auth/InfoInput/index.jsx
similarity index 100%
rename from src/auth/InfoInput/index.jsx
rename to src/mainPage/shared/auth/InfoInput/index.jsx
diff --git a/src/common/IntervalController.js b/src/mainPage/shared/auth/IntervalController.js
similarity index 100%
rename from src/common/IntervalController.js
rename to src/mainPage/shared/auth/IntervalController.js
diff --git a/src/auth/UserFind/index.jsx b/src/mainPage/shared/auth/UserFind/index.jsx
similarity index 100%
rename from src/auth/UserFind/index.jsx
rename to src/mainPage/shared/auth/UserFind/index.jsx
diff --git a/src/auth/UserFind/requestLogin.js b/src/mainPage/shared/auth/UserFind/requestLogin.js
similarity index 100%
rename from src/auth/UserFind/requestLogin.js
rename to src/mainPage/shared/auth/UserFind/requestLogin.js
diff --git a/src/auth/Welcome/index.jsx b/src/mainPage/shared/auth/Welcome/index.jsx
similarity index 100%
rename from src/auth/Welcome/index.jsx
rename to src/mainPage/shared/auth/Welcome/index.jsx
diff --git a/src/auth/mock.js b/src/mainPage/shared/auth/mock.js
similarity index 100%
rename from src/auth/mock.js
rename to src/mainPage/shared/auth/mock.js
diff --git a/src/auth/requestAuthCode.js b/src/mainPage/shared/auth/requestAuthCode.js
similarity index 100%
rename from src/auth/requestAuthCode.js
rename to src/mainPage/shared/auth/requestAuthCode.js
diff --git a/src/auth/store.js b/src/mainPage/shared/auth/store.js
similarity index 100%
rename from src/auth/store.js
rename to src/mainPage/shared/auth/store.js
diff --git a/src/auth/tokenSaver.js b/src/mainPage/shared/auth/tokenSaver.js
similarity index 100%
rename from src/auth/tokenSaver.js
rename to src/mainPage/shared/auth/tokenSaver.js
diff --git a/src/common/NoServerModal.jsx b/src/mainPage/shared/components/NoServerModal.jsx
similarity index 100%
rename from src/common/NoServerModal.jsx
rename to src/mainPage/shared/components/NoServerModal.jsx
diff --git a/src/common/ResetButton.jsx b/src/mainPage/shared/components/ResetButton.jsx
similarity index 100%
rename from src/common/ResetButton.jsx
rename to src/mainPage/shared/components/ResetButton.jsx
diff --git a/src/common/assets/refresh.svg b/src/mainPage/shared/components/refresh.svg
similarity index 100%
rename from src/common/assets/refresh.svg
rename to src/mainPage/shared/components/refresh.svg
diff --git a/src/eventDescription/EventDescriptionLayout.jsx b/src/mainPage/shared/eventDescription/EventDescriptionLayout.jsx
similarity index 100%
rename from src/eventDescription/EventDescriptionLayout.jsx
rename to src/mainPage/shared/eventDescription/EventDescriptionLayout.jsx
diff --git a/src/eventDescription/EventDetail.jsx b/src/mainPage/shared/eventDescription/EventDetail.jsx
similarity index 100%
rename from src/eventDescription/EventDetail.jsx
rename to src/mainPage/shared/eventDescription/EventDetail.jsx
diff --git a/src/eventDescription/makeHighlight.jsx b/src/mainPage/shared/eventDescription/makeHighlight.jsx
similarity index 100%
rename from src/eventDescription/makeHighlight.jsx
rename to src/mainPage/shared/eventDescription/makeHighlight.jsx
diff --git a/src/common/useMountDragEvent.js b/src/mainPage/shared/hooks/useMountDragEvent.js
similarity index 100%
rename from src/common/useMountDragEvent.js
rename to src/mainPage/shared/hooks/useMountDragEvent.js
diff --git a/src/common/useScrollTransition.js b/src/mainPage/shared/hooks/useScrollTransition.js
similarity index 100%
rename from src/common/useScrollTransition.js
rename to src/mainPage/shared/hooks/useScrollTransition.js
diff --git a/src/common/useSwiperState.js b/src/mainPage/shared/hooks/useSwiperState.js
similarity index 100%
rename from src/common/useSwiperState.js
rename to src/mainPage/shared/hooks/useSwiperState.js
diff --git a/src/mainPage/shared/scroll/constants.js b/src/mainPage/shared/scroll/constants.js
new file mode 100644
index 00000000..3b98c757
--- /dev/null
+++ b/src/mainPage/shared/scroll/constants.js
@@ -0,0 +1,5 @@
+// scroll section constants
+export const INTERACTION_SECTION = 1;
+export const DETAIL_SECTION = 2;
+export const COMMENT_SECTION = 3;
+export const FCFS_SECTION = 4;
\ No newline at end of file
diff --git a/src/scroll/scrollTo.js b/src/mainPage/shared/scroll/scrollTo.js
similarity index 100%
rename from src/scroll/scrollTo.js
rename to src/mainPage/shared/scroll/scrollTo.js
diff --git a/src/scroll/store.js b/src/mainPage/shared/scroll/store.js
similarity index 100%
rename from src/scroll/store.js
rename to src/mainPage/shared/scroll/store.js
diff --git a/src/scroll/useSectionInitialize.js b/src/mainPage/shared/scroll/useSectionInitialize.js
similarity index 100%
rename from src/scroll/useSectionInitialize.js
rename to src/mainPage/shared/scroll/useSectionInitialize.js
diff --git a/vite.config.js b/vite.config.js
index b4e130d7..81964c96 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,6 +8,11 @@ export default defineConfig({
   base: "./",
   plugins: [react(), svgr()],
   resolve: {
-    alias: [{ find: "@", replacement: resolve(__dirname, "src") }],
+    alias: [
+      { find: "@", replacement: resolve(__dirname, "src") },
+      { find: "@common", replacement: resolve(__dirname, "src/common") },
+      { find: "@main", replacement: resolve(__dirname, "src/mainPage/shared") },
+      { find: "@admin", replacement: resolve(__dirname, "src/adminPage/shared") },
+    ],
   },
 });

From 42e22ecf0d9aca5e6bb25b55679fb38017056ee5 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:06:44 +0900
Subject: [PATCH 03/18] =?UTF-8?q?[refactor]=20mainPage/shared=20=EB=94=94?=
 =?UTF-8?q?=EB=A0=89=ED=86=A0=EB=A6=AC=20=EC=9C=84=EC=B9=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/shared/auth/AuthModal.jsx            | 2 +-
 src/mainPage/shared/auth/InfoInput/index.jsx      | 6 +++---
 src/mainPage/shared/auth/UserFind/index.jsx       | 6 +++---
 src/mainPage/shared/auth/UserFind/requestLogin.js | 2 +-
 src/mainPage/shared/auth/Welcome/index.jsx        | 4 ++--
 src/mainPage/shared/components/NoServerModal.jsx  | 4 ++--
 src/mainPage/shared/components/ResetButton.jsx    | 2 +-
 src/mainPage/shared/hooks/useMountDragEvent.js    | 2 +-
 src/mainPage/shared/hooks/useScrollTransition.js  | 4 ++--
 9 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/mainPage/shared/auth/AuthModal.jsx b/src/mainPage/shared/auth/AuthModal.jsx
index 15f0bf5d..1ef51b8e 100644
--- a/src/mainPage/shared/auth/AuthModal.jsx
+++ b/src/mainPage/shared/auth/AuthModal.jsx
@@ -2,7 +2,7 @@ import { useState, useContext } from "react";
 import InfoInputStage from "./InfoInput";
 import AuthCodeStage from "./AuthCode";
 import UserFindStage from "./UserFind";
-import { ModalCloseContext } from "@/modal/modal.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
 import { login } from "./store.js";
 
 const AUTH_INPUT_PAGE = Symbol("input");
diff --git a/src/mainPage/shared/auth/InfoInput/index.jsx b/src/mainPage/shared/auth/InfoInput/index.jsx
index 7712771e..097b2087 100644
--- a/src/mainPage/shared/auth/InfoInput/index.jsx
+++ b/src/mainPage/shared/auth/InfoInput/index.jsx
@@ -1,8 +1,8 @@
 import { useState } from "react";
 import requestAuthCode from "../requestAuthCode.js";
-import Input from "@/common/Input.jsx";
-import PhoneInput from "@/common/PhoneInput.jsx";
-import Button from "@/common/Button.jsx";
+import Input from "@common/components/Input.jsx";
+import PhoneInput from "@common/components/PhoneInput.jsx";
+import Button from "@common/components/Button.jsx";
 
 function AuthFirstSection({
   name,
diff --git a/src/mainPage/shared/auth/UserFind/index.jsx b/src/mainPage/shared/auth/UserFind/index.jsx
index cc9d4aff..a0a1205f 100644
--- a/src/mainPage/shared/auth/UserFind/index.jsx
+++ b/src/mainPage/shared/auth/UserFind/index.jsx
@@ -1,8 +1,8 @@
 import { useState } from "react";
 import requestLogin from "./requestLogin.js";
-import Input from "@/common/Input.jsx";
-import PhoneInput from "@/common/PhoneInput.jsx";
-import Button from "@/common/Button.jsx";
+import Input from "@common/components/Input.jsx";
+import PhoneInput from "@common/components/PhoneInput.jsx";
+import Button from "@common/components/Button.jsx";
 
 function AuthFindSection({ goPrev, onComplete }) {
   const [name, setName] = useState("");
diff --git a/src/mainPage/shared/auth/UserFind/requestLogin.js b/src/mainPage/shared/auth/UserFind/requestLogin.js
index ff1ed0c3..b3f79849 100644
--- a/src/mainPage/shared/auth/UserFind/requestLogin.js
+++ b/src/mainPage/shared/auth/UserFind/requestLogin.js
@@ -1,4 +1,4 @@
-import { fetchServer, handleError } from "@/common/dataFetch/fetchServer.js";
+import { fetchServer, handleError } from "@common/dataFetch/fetchServer.js";
 
 async function requestLogin(name, phoneNumber) {
   try {
diff --git a/src/mainPage/shared/auth/Welcome/index.jsx b/src/mainPage/shared/auth/Welcome/index.jsx
index edff69e9..8fc7d76a 100644
--- a/src/mainPage/shared/auth/Welcome/index.jsx
+++ b/src/mainPage/shared/auth/Welcome/index.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function WelcomeModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/shared/components/NoServerModal.jsx b/src/mainPage/shared/components/NoServerModal.jsx
index 8e130e9f..c912ebb8 100644
--- a/src/mainPage/shared/components/NoServerModal.jsx
+++ b/src/mainPage/shared/components/NoServerModal.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function NoServerModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/shared/components/ResetButton.jsx b/src/mainPage/shared/components/ResetButton.jsx
index 437fefeb..7dc5ff8f 100644
--- a/src/mainPage/shared/components/ResetButton.jsx
+++ b/src/mainPage/shared/components/ResetButton.jsx
@@ -1,4 +1,4 @@
-import Button from "./Button.jsx";
+import Button from "@common/components/Button.jsx";
 import RefreshIcon from "./assets/refresh.svg?react";
 
 export default function ResetButton({ onClick }) {
diff --git a/src/mainPage/shared/hooks/useMountDragEvent.js b/src/mainPage/shared/hooks/useMountDragEvent.js
index 93fdd0ee..7ce625e0 100644
--- a/src/mainPage/shared/hooks/useMountDragEvent.js
+++ b/src/mainPage/shared/hooks/useMountDragEvent.js
@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect, useCallback } from "react";
-import throttleRaf from "@/common/throttleRaf.js";
+import throttleRaf from "@common/throttleRaf.js";
 
 function useMountDragEvent({
   onDragStart: userDragStart,
diff --git a/src/mainPage/shared/hooks/useScrollTransition.js b/src/mainPage/shared/hooks/useScrollTransition.js
index 440cb46b..a5ad909a 100644
--- a/src/mainPage/shared/hooks/useScrollTransition.js
+++ b/src/mainPage/shared/hooks/useScrollTransition.js
@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
-import throttleRaf from "./throttleRaf.js";
-import { clamp } from "./utils.js";
+import throttleRaf from "@common/throttleRaf.js";
+import { clamp } from "@common/utils.js";
 
 /**
  * 스크롤 트랜지션을 더 쉽게 사용할 수 있게 하는 커스텀 훅입니다.

From 8cb22f8a30ccad76d1d81d7a19f651db727ce366 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:13:12 +0900
Subject: [PATCH 04/18] =?UTF-8?q?[refactor]=20mainPage/features/comment=20?=
 =?UTF-8?q?=EB=82=B4=20=ED=8C=8C=EC=9D=BC=20=EA=B2=BD=EB=A1=9C=20=EC=9E=AC?=
 =?UTF-8?q?=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/comment/commentCarousel/CommentCarousel.jsx  | 4 ++--
 .../comment/commentCarousel/CommentCarouselSkeleton.jsx   | 4 ++--
 src/mainPage/features/comment/commentCarousel/index.jsx   | 4 ++--
 .../features/comment/commentForm/SubmitButton/index.jsx   | 2 +-
 src/mainPage/features/comment/index.jsx                   | 2 +-
 .../features/comment/modals/CommentNegativeModal.jsx      | 4 ++--
 .../features/comment/modals/CommentNoUserModal.jsx        | 8 ++++----
 .../features/comment/modals/CommentSuccessModal.jsx       | 4 ++--
 8 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx b/src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx
index 9e9e84b9..a0dd79c3 100644
--- a/src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx
+++ b/src/mainPage/features/comment/commentCarousel/CommentCarousel.jsx
@@ -1,5 +1,5 @@
-import { useQuery } from "@/common/dataFetch/getQuery.js";
-import { fetchServer } from "@/common/dataFetch/fetchServer.js";
+import { useQuery } from "@common/dataFetch/getQuery.js";
+import { fetchServer } from "@common/dataFetch/fetchServer.js";
 import AutoScrollCarousel from "../autoScrollCarousel";
 
 function mask(string) {
diff --git a/src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx b/src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx
index 618ee9e8..d202a5a2 100644
--- a/src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx
+++ b/src/mainPage/features/comment/commentCarousel/CommentCarouselSkeleton.jsx
@@ -1,5 +1,5 @@
-import Spinner from "@/common/Spinner.jsx";
-import DelaySkeleton from "@/common/DelaySkeleton.jsx";
+import Spinner from "@common/components/Spinner.jsx";
+import DelaySkeleton from "@common/components/DelaySkeleton.jsx";
 
 function CommentCarouselSkeleton() {
   return (
diff --git a/src/mainPage/features/comment/commentCarousel/index.jsx b/src/mainPage/features/comment/commentCarousel/index.jsx
index 3b78aae1..954dac42 100644
--- a/src/mainPage/features/comment/commentCarousel/index.jsx
+++ b/src/mainPage/features/comment/commentCarousel/index.jsx
@@ -1,5 +1,5 @@
-import Suspense from "@/common/Suspense.jsx";
-import ErrorBoundary from "@/common/ErrorBoundary.jsx";
+import Suspense from "@common/components/Suspense.jsx";
+import ErrorBoundary from "@common/components/ErrorBoundary.jsx";
 import CommentCarousel from "./CommentCarousel.jsx";
 import CommentCarouselSkeleton from "./CommentCarouselSkeleton.jsx";
 import CommentCarouselError from "./CommentCarouselError.jsx";
diff --git a/src/mainPage/features/comment/commentForm/SubmitButton/index.jsx b/src/mainPage/features/comment/commentForm/SubmitButton/index.jsx
index 2997eddd..5dccc681 100644
--- a/src/mainPage/features/comment/commentForm/SubmitButton/index.jsx
+++ b/src/mainPage/features/comment/commentForm/SubmitButton/index.jsx
@@ -1,4 +1,4 @@
-import Button from "@/common/Button.jsx";
+import Button from "@common/components/Button.jsx";
 
 function getMessageFromButtonFetchState(state) {
   if (state === "pending") return "...";
diff --git a/src/mainPage/features/comment/index.jsx b/src/mainPage/features/comment/index.jsx
index d7c384d1..c37c445e 100644
--- a/src/mainPage/features/comment/index.jsx
+++ b/src/mainPage/features/comment/index.jsx
@@ -1,7 +1,7 @@
 import { useRef } from "react";
 import CommentCarousel from "./commentCarousel";
 import CommentForm from "./commentForm";
-import useSectionInitialize from "../scroll/useSectionInitialize";
+import useSectionInitialize from "@main/shared/scroll/useSectionInitialize";
 import decoration from "./assets/decoration.svg";
 
 function CommentSection() {
diff --git a/src/mainPage/features/comment/modals/CommentNegativeModal.jsx b/src/mainPage/features/comment/modals/CommentNegativeModal.jsx
index 69ddb78a..0c939764 100644
--- a/src/mainPage/features/comment/modals/CommentNegativeModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentNegativeModal.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function CommentNegativeModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
index c10614b7..ed84380a 100644
--- a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
@@ -1,8 +1,8 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
-import scrollTo from "@/scroll/scrollTo.js";
-import { INTERACTION_SECTION } from "@/common/constants.js";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
+import scrollTo from "@main/shared/scroll/scrollTo.js";
+import { INTERACTION_SECTION } from "@common/constants.js";
 
 function CommentNoUserModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/comment/modals/CommentSuccessModal.jsx b/src/mainPage/features/comment/modals/CommentSuccessModal.jsx
index cee9cb18..3f11ff8e 100644
--- a/src/mainPage/features/comment/modals/CommentSuccessModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentSuccessModal.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function CommentSuccessModal() {
   const close = useContext(ModalCloseContext);

From 9ee378812325b42bcc26e57f539a5e6554c25162 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:17:34 +0900
Subject: [PATCH 05/18] =?UTF-8?q?[refactor]=20main/features/simpleInformat?=
 =?UTF-8?q?ion=20=EC=B8=A1=20=ED=8C=8C=EC=9D=BC=EA=B2=BD=EB=A1=9C=20?=
 =?UTF-8?q?=EC=9E=AC=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/simpleInformation/content.json   | 34 +++++++++++
 .../simpleInformation/contentList.json        | 56 -------------------
 .../simpleInformation/contentSection.jsx      | 13 +----
 .../features/simpleInformation/index.jsx      | 10 ++--
 .../shared/eventDescription/EventDetail.jsx   |  2 +-
 .../{eventDescription => }/makeHighlight.jsx  |  0
 src/mainPage/shared/scroll/constants.js       |  1 +
 7 files changed, 44 insertions(+), 72 deletions(-)
 create mode 100644 src/mainPage/features/simpleInformation/content.json
 delete mode 100644 src/mainPage/features/simpleInformation/contentList.json
 rename src/mainPage/shared/{eventDescription => }/makeHighlight.jsx (100%)

diff --git a/src/mainPage/features/simpleInformation/content.json b/src/mainPage/features/simpleInformation/content.json
new file mode 100644
index 00000000..30157ec0
--- /dev/null
+++ b/src/mainPage/features/simpleInformation/content.json
@@ -0,0 +1,34 @@
+{
+  "content": [
+    {
+      "src": "carimg1.png",
+      "title": "독창적인 디자인",
+      "desc": "아이오닉 브랜드를 상징하는\n**파라메트릭 픽셀 램프 디자인**으로\n유니크한 이미지를 구현합니다.",
+      "sub": "프로젝션 타입과 MFR 타입 중 선택 가능"
+    },
+    {
+      "src": "carimg2.png",
+      "title": "전용 전기차 플랫폼(E-GMP)",
+      "desc": "**새로워진 전기차 플랫폼 E-GMP**는\n알루미늄 압출재를 이용해\n구조적 안정성을 높였습니다.",
+      "sub": "연출된 이미지로 실제 작동 사양과 다를 수 있음"
+    },
+    {
+      "src": "carimg3.png",
+      "title": "인터랙티브 픽셀 라이트",
+      "desc": "**신규 디자인의 스티어링 휠**로\n아이오닉5만의 차별화된\n주행 경험을 제공합니다.",
+      "sub": "시동 / 충전 중 / 후진 중 표시 가능"
+    },
+    {
+      "src": "carimg4.png",
+      "title": "증강현실 내비게이션",
+      "desc": "주행에 필요한 각종 정보들을\n**증강현실 기술**을 통해\n직관적으로 제공합니다.",
+      "sub": "인포테인먼트 시스템 화면 이미지는 업데이트에 따라 변동 가능"
+    },
+    {
+      "src": "carimg5.png",
+      "title": "디지털 사이드 미러",
+      "desc": "보다 슬림해진 **디지털 사이드 미러**는\n카메라와 **OLED 모니터**를 통해\n선명한 후방 시야를 제공합니다.",
+      "sub": "모니터는 내부 운전석에 위치"
+    }
+  ]
+}
diff --git a/src/mainPage/features/simpleInformation/contentList.json b/src/mainPage/features/simpleInformation/contentList.json
deleted file mode 100644
index b7a9e518..00000000
--- a/src/mainPage/features/simpleInformation/contentList.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "content": [
-    {
-      "src": "carimg1.png",
-      "title": "독창적인 디자인",
-      "desc": [
-        "아이오닉 브랜드를 상징하는\n",
-        "파라메트릭 픽셀 램프 디자인",
-        "으로\n유니크한 이미지를 구현합니다."
-      ],
-      "sub": "프로젝션 타입과 MFR 타입 중 선택 가능"
-    },
-    {
-      "src": "carimg2.png",
-      "title": "전용 전기차 플랫폼(E-GMP)",
-      "desc": [
-        "",
-        "새로워진 전기차 플랫폼 E-GMP",
-        "는\n알루미늄 압출재를 이용해\n구조적 안정성을 높였습니다."
-      ],
-      "sub": "연출된 이미지로 실제 작동 사양과 다를 수 있음"
-    },
-    {
-      "src": "carimg3.png",
-      "title": "인터랙티브 픽셀 라이트",
-      "desc": [
-        "",
-        "신규 디자인의 스티어링 휠",
-        "로\n아이오닉5만의 차별화된\n주행 경험을 제공합니다."
-      ],
-      "sub": "시동 / 충전 중 / 후진 중 표시 가능"
-    },
-    {
-      "src": "carimg4.png",
-      "title": "증강현실 내비게이션",
-      "desc": [
-        "주행에 필요한 각종 정보들을\n",
-        "증강현실 기술",
-        "을 통해\n직관적으로 제공합니다."
-      ],
-      "sub": "인포테인먼트 시스템 화면 이미지는 업데이트에 따라 변동 가능"
-    },
-    {
-      "src": "carimg5.png",
-      "title": "디지털 사이드 미러",
-      "desc": [
-        "보다 슬림해진 ",
-        "디지털 사이드 미러",
-        "는\n카메라와 ",
-        "OLED 모니터",
-        "를 통해\n선명한 후방 시야를 제공합니다."
-      ],
-      "sub": "모니터는 내부 운전석에 위치"
-    }
-  ]
-}
diff --git a/src/mainPage/features/simpleInformation/contentSection.jsx b/src/mainPage/features/simpleInformation/contentSection.jsx
index 4f21c2c6..95d29260 100644
--- a/src/mainPage/features/simpleInformation/contentSection.jsx
+++ b/src/mainPage/features/simpleInformation/contentSection.jsx
@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from "react";
+import makeHighlight from "@main/makeHighlight.js";
 import style from "./contentSection.module.css";
 
 export default function ContentSection({ content }) {
@@ -57,16 +58,8 @@ export default function ContentSection({ content }) {
       </span>
 
       <div className="pt-3 flex flex-col md:flex-row justify-between items-start md:items-end">
-        <p className="flex-shrink-0">
-          {content.desc.map((str, index) => (
-            <span
-              key={index}
-              style={highlightDynamicStyle}
-              className={`${index % 2 ? style.highlightAnim : "text-neutral-800"} text-title-s min-[440px]:text-title-m whitespace-pre-wrap`}
-            >
-              {str}
-            </span>
-          ))}
+        <p style={highlightDynamicStyle} className="flex-shrink-0 text-title-s min-[440px]:text-title-m text-neutral-800 whitespace-pre-wrap">
+          {makeHighlight(content.desc, style.highlightAnim)}
         </p>
 
         <p className="w-full md:w-auto text-right text-body-s text-neutral-300">
diff --git a/src/mainPage/features/simpleInformation/index.jsx b/src/mainPage/features/simpleInformation/index.jsx
index 52f5a999..dd3dccfe 100644
--- a/src/mainPage/features/simpleInformation/index.jsx
+++ b/src/mainPage/features/simpleInformation/index.jsx
@@ -1,13 +1,13 @@
 import { useRef } from "react";
-import JSONData from "./contentList.json";
-import ContentSection from "./contentSection";
-import useSectionInitialize from "../scroll/useSectionInitialize";
+import ContentSection from "./contentSection.jsx";
+import useSectionInitialize from "@main/scroll/useSectionInitialize.js";
+import { OTHER_SECTION } from "@main/scroll/constants.js";
+import JSONData from "./content.json";
 
 export default function SimpleInformation() {
-  const SECTION_IDX = 0;
   const sectionRef = useRef(null);
   const contentList = JSONData.content;
-  useSectionInitialize(SECTION_IDX, sectionRef);
+  useSectionInitialize(OTHER_SECTION, sectionRef);
 
   return (
     <section ref={sectionRef} className="w-full p-6 flex justify-center ">
diff --git a/src/mainPage/shared/eventDescription/EventDetail.jsx b/src/mainPage/shared/eventDescription/EventDetail.jsx
index 79fc4c22..cf147680 100644
--- a/src/mainPage/shared/eventDescription/EventDetail.jsx
+++ b/src/mainPage/shared/eventDescription/EventDetail.jsx
@@ -1,4 +1,4 @@
-import makeHighlight from "./makeHighlight.jsx";
+import makeHighlight from "@main/makeHighlight.jsx";
 
 export default function EventDetail({
   durationYear,
diff --git a/src/mainPage/shared/eventDescription/makeHighlight.jsx b/src/mainPage/shared/makeHighlight.jsx
similarity index 100%
rename from src/mainPage/shared/eventDescription/makeHighlight.jsx
rename to src/mainPage/shared/makeHighlight.jsx
diff --git a/src/mainPage/shared/scroll/constants.js b/src/mainPage/shared/scroll/constants.js
index 3b98c757..8c87183b 100644
--- a/src/mainPage/shared/scroll/constants.js
+++ b/src/mainPage/shared/scroll/constants.js
@@ -1,4 +1,5 @@
 // scroll section constants
+export const OTHER_SECTION = 0;
 export const INTERACTION_SECTION = 1;
 export const DETAIL_SECTION = 2;
 export const COMMENT_SECTION = 3;

From 62ae39884b0a5eba88969e429b4c4fa862596865 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:17:44 +0900
Subject: [PATCH 06/18] =?UTF-8?q?[refactor]=20mainPage/features/detailInfo?=
 =?UTF-8?q?rmation=20=EB=82=B4=20=ED=8C=8C=EC=9D=BC=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=20=EC=9E=AC=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/features/detailInformation/DetailSwiper.jsx | 2 +-
 src/mainPage/features/detailInformation/index.jsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/mainPage/features/detailInformation/DetailSwiper.jsx b/src/mainPage/features/detailInformation/DetailSwiper.jsx
index 8235e800..58f581ec 100644
--- a/src/mainPage/features/detailInformation/DetailSwiper.jsx
+++ b/src/mainPage/features/detailInformation/DetailSwiper.jsx
@@ -1,4 +1,4 @@
-import useSwiperState from "@/common/useSwiperState.js";
+import useSwiperState from "@main/shared/hooks/useSwiperState.js";
 import DetailItem from "./DetailItem.jsx";
 import left from "./assets/left.svg";
 import right from "./assets/right.svg";
diff --git a/src/mainPage/features/detailInformation/index.jsx b/src/mainPage/features/detailInformation/index.jsx
index 5027a1e3..3628faba 100644
--- a/src/mainPage/features/detailInformation/index.jsx
+++ b/src/mainPage/features/detailInformation/index.jsx
@@ -2,7 +2,7 @@ import DetailSwiper from "./DetailSwiper.jsx";
 import content from "./content.json";
 import decoration from "./assets/decoration.svg";
 import { useRef } from "react";
-import useSectionInitialize from "../scroll/useSectionInitialize.js";
+import useSectionInitialize from "@main/shared/scroll/useSectionInitialize.js";
 
 function DetailInformation() {
   const SECTION_IDX = 2;

From a0b501d91ea90303e638abf0a5653a80e65ba1af Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:25:44 +0900
Subject: [PATCH 07/18] =?UTF-8?q?[refactor]=20=EC=97=AC=EB=9F=AC=20?=
 =?UTF-8?q?=EA=B3=B3=EC=97=90=EC=84=9C=20=EC=93=B0=EC=9D=B4=EB=8A=94=20?=
 =?UTF-8?q?=EC=84=9C=EB=B2=84=EC=8B=9C=EA=B0=84=EA=B4=80=EB=A0=A8=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=EB=A5=BC=20shared=20feature=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/fcfs/description/DateEventPrize.jsx  | 15 +++------------
 src/mainPage/features/introSection/index.jsx      |  6 ++++--
 .../features/introSection/notifier/index.jsx      |  9 +++++----
 .../fcfs => shared/realtimeEvent}/constants.js    |  0
 .../shared/realtimeEvent/getEventDateState.js     |  9 +++++++++
 .../fcfs => shared/realtimeEvent}/store.js        |  0
 6 files changed, 21 insertions(+), 18 deletions(-)
 rename src/mainPage/{features/fcfs => shared/realtimeEvent}/constants.js (100%)
 create mode 100644 src/mainPage/shared/realtimeEvent/getEventDateState.js
 rename src/mainPage/{features/fcfs => shared/realtimeEvent}/store.js (100%)

diff --git a/src/mainPage/features/fcfs/description/DateEventPrize.jsx b/src/mainPage/features/fcfs/description/DateEventPrize.jsx
index 0054af75..d8b05d4e 100644
--- a/src/mainPage/features/fcfs/description/DateEventPrize.jsx
+++ b/src/mainPage/features/fcfs/description/DateEventPrize.jsx
@@ -1,15 +1,6 @@
-import useFcfsStore from "../store.js";
-import { OFFLINE } from "../constants.js";
-
-const ONE_DAY = 24 * 60 * 60 * 1000;
-function getEventDateState(currrentTimeDate, eventTimeDate) {
-  const currentTime = currrentTimeDate.valueOf();
-  const eventTime = eventTimeDate.valueOf();
-  const eventEndTime = eventTimeDate.valueOf() + ONE_DAY;
-  if (currentTime < eventTime) return "default";
-  if (currentTime < eventEndTime) return "active";
-  return "ended";
-}
+import useFcfsStore from "@main/realtimeEvent/store.js";
+import { OFFLINE } from "@main/realtimeEvent/constants.js";
+import getEventDateState from "@main/realtimeEvent/getEventDateState.js";
 
 function DateEventPrize({ date, title, capacity, image }) {
   const currentServerTime = useFcfsStore((store) => store.currentServerTime);
diff --git a/src/mainPage/features/introSection/index.jsx b/src/mainPage/features/introSection/index.jsx
index 2f3df666..29d92edc 100644
--- a/src/mainPage/features/introSection/index.jsx
+++ b/src/mainPage/features/introSection/index.jsx
@@ -1,10 +1,12 @@
-import useScrollTransition from "@/common/useScrollTransition.js";
+import { useEffect, useRef, useState } from "react";
 import LineHighlight from "./LineHighlight.jsx";
 import FcfsNotifier from "./notifier";
+
+import useScrollTransition from "@common/hooks/useScrollTransition.js";
 import style from "./index.module.css";
 import SpinningCarVideo from "./car-spin.webm";
 import Pointer from "./pointer.svg";
-import { useEffect, useRef, useState } from "react";
+
 
 function IntroSection() {
   const videoRef = useRef(null);
diff --git a/src/mainPage/features/introSection/notifier/index.jsx b/src/mainPage/features/introSection/notifier/index.jsx
index ea340459..e0a830f0 100644
--- a/src/mainPage/features/introSection/notifier/index.jsx
+++ b/src/mainPage/features/introSection/notifier/index.jsx
@@ -1,8 +1,9 @@
 import FcfsNotifierCountdown from "./FcfsNotifierCountdown.jsx";
-import scrollTo from "@/scroll/scrollTo.js";
-import useFcfsStore from "@/fcfs/store.js";
-import { PROGRESS, OFFLINE } from "@/fcfs/constants.js";
-import { FCFS_SECTION } from "@/common/constants.js";
+import scrollTo from "@main/scroll/scrollTo.js";
+import { FCFS_SECTION } from "@main/scroll/constants.js";
+
+import useFcfsStore from "@main/realTimeEvent/store.js";
+import { PROGRESS, OFFLINE } from "@main/realTimeEvent/constants.js";
 
 function FcfsNotifier({ visible }) {
   const eventStatus = useFcfsStore((store) => store.eventStatus);
diff --git a/src/mainPage/features/fcfs/constants.js b/src/mainPage/shared/realtimeEvent/constants.js
similarity index 100%
rename from src/mainPage/features/fcfs/constants.js
rename to src/mainPage/shared/realtimeEvent/constants.js
diff --git a/src/mainPage/shared/realtimeEvent/getEventDateState.js b/src/mainPage/shared/realtimeEvent/getEventDateState.js
new file mode 100644
index 00000000..7ad0d42c
--- /dev/null
+++ b/src/mainPage/shared/realtimeEvent/getEventDateState.js
@@ -0,0 +1,9 @@
+const ONE_DAY = 24 * 60 * 60 * 1000;
+export default function getEventDateState(currrentTimeDate, eventTimeDate) {
+  const currentTime = currrentTimeDate.valueOf();
+  const eventTime = eventTimeDate.valueOf();
+  const eventEndTime = eventTimeDate.valueOf() + ONE_DAY;
+  if (currentTime < eventTime) return "default";
+  if (currentTime < eventEndTime) return "active";
+  return "ended";
+}
\ No newline at end of file
diff --git a/src/mainPage/features/fcfs/store.js b/src/mainPage/shared/realtimeEvent/store.js
similarity index 100%
rename from src/mainPage/features/fcfs/store.js
rename to src/mainPage/shared/realtimeEvent/store.js

From 96a806ebd5e4f63c0c48b5e179ae2d8979212453 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:32:13 +0900
Subject: [PATCH 08/18] =?UTF-8?q?[refactor]=20mainPage/features/comment=20?=
 =?UTF-8?q?=EB=8B=A4=EC=8B=9C=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../comment/autoScrollCarousel/useAutoCarousel.js      |  2 +-
 src/mainPage/features/comment/commentForm/index.jsx    | 10 +++++-----
 src/mainPage/features/comment/index.jsx                |  2 +-
 .../features/comment/modals/CommentNoUserModal.jsx     |  2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js b/src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js
index e780df30..2fbfdd3b 100644
--- a/src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js
+++ b/src/mainPage/features/comment/autoScrollCarousel/useAutoCarousel.js
@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef, useCallback } from "react";
-import useMountDragEvent from "@/common/useMountDragEvent";
+import useMountDragEvent from "@main/hooks/useMountDragEvent";
 
 const FRICTION_RATE = 0.1;
 const MOMENTUM_THRESHOLD = 0.6;
diff --git a/src/mainPage/features/comment/commentForm/index.jsx b/src/mainPage/features/comment/commentForm/index.jsx
index b143dd81..e563c816 100644
--- a/src/mainPage/features/comment/commentForm/index.jsx
+++ b/src/mainPage/features/comment/commentForm/index.jsx
@@ -2,13 +2,13 @@ import { useState, useEffect } from "react";
 import CommentSuccessModal from "../modals/CommentSuccessModal.jsx";
 import CommentNegativeModal from "../modals/CommentNegativeModal.jsx";
 import CommentNoUserModal from "../modals/CommentNoUserModal.jsx";
-import NoServerModal from "@/common/NoServerModal.jsx";
+import NoServerModal from "@main/components/NoServerModal.jsx";
 import SubmitButton from "./SubmitButton";
-import useAuthState from "@/auth/store.js";
+import useAuthState from "@main/auth/store.js";
 
-import { fetchServer, handleError } from "@/common/dataFetch/fetchServer.js";
-import { EVENT_ID } from "@/common/constants.js";
-import openModal from "@/modal/openModal.js";
+import { fetchServer, handleError } from "@common/dataFetch/fetchServer.js";
+import { EVENT_ID } from "@common/constants.js";
+import openModal from "@common/modal/openModal.js";
 
 const submitCommentErrorHandle = {
   400: "negative",
diff --git a/src/mainPage/features/comment/index.jsx b/src/mainPage/features/comment/index.jsx
index c37c445e..478a1aaa 100644
--- a/src/mainPage/features/comment/index.jsx
+++ b/src/mainPage/features/comment/index.jsx
@@ -1,7 +1,7 @@
 import { useRef } from "react";
 import CommentCarousel from "./commentCarousel";
 import CommentForm from "./commentForm";
-import useSectionInitialize from "@main/shared/scroll/useSectionInitialize";
+import useSectionInitialize from "@main/scroll/useSectionInitialize";
 import decoration from "./assets/decoration.svg";
 
 function CommentSection() {
diff --git a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
index ed84380a..222e997b 100644
--- a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { ModalCloseContext } from "@common/modal/modal.jsx";
 import Button from "@common/components/Button.jsx";
-import scrollTo from "@main/shared/scroll/scrollTo.js";
+import scrollTo from "@main/scroll/scrollTo.js";
 import { INTERACTION_SECTION } from "@common/constants.js";
 
 function CommentNoUserModal() {

From b258e05b13d3459766e501d917c25c9c3cb06412 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:34:37 +0900
Subject: [PATCH 09/18] =?UTF-8?q?[refactor]=20mainPage/features/detailInfo?=
 =?UTF-8?q?rmation=20=EB=8B=A4=EC=8B=9C=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/features/detailInformation/DetailSwiper.jsx | 2 +-
 src/mainPage/features/detailInformation/index.jsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/mainPage/features/detailInformation/DetailSwiper.jsx b/src/mainPage/features/detailInformation/DetailSwiper.jsx
index 58f581ec..7194c3dc 100644
--- a/src/mainPage/features/detailInformation/DetailSwiper.jsx
+++ b/src/mainPage/features/detailInformation/DetailSwiper.jsx
@@ -1,4 +1,4 @@
-import useSwiperState from "@main/shared/hooks/useSwiperState.js";
+import useSwiperState from "@main/hooks/useSwiperState.js";
 import DetailItem from "./DetailItem.jsx";
 import left from "./assets/left.svg";
 import right from "./assets/right.svg";
diff --git a/src/mainPage/features/detailInformation/index.jsx b/src/mainPage/features/detailInformation/index.jsx
index 3628faba..a46f997d 100644
--- a/src/mainPage/features/detailInformation/index.jsx
+++ b/src/mainPage/features/detailInformation/index.jsx
@@ -2,7 +2,7 @@ import DetailSwiper from "./DetailSwiper.jsx";
 import content from "./content.json";
 import decoration from "./assets/decoration.svg";
 import { useRef } from "react";
-import useSectionInitialize from "@main/shared/scroll/useSectionInitialize.js";
+import useSectionInitialize from "@main/scroll/useSectionInitialize.js";
 
 function DetailInformation() {
   const SECTION_IDX = 2;

From f43b0918e80a3b878120931313d6f1ab3ea98e26 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:43:00 +0900
Subject: [PATCH 10/18] =?UTF-8?q?[refactor]=20=EC=9D=B8=ED=84=B0=EB=9E=99?=
 =?UTF-8?q?=EC=85=98=20=EC=84=B9=EC=85=98=20=ED=8F=B4=EB=8D=94=20=EA=B2=BD?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{ => description}/GiftDetail.jsx           |  2 +-
 .../{ => description}/InteractionSlide.jsx     |  6 +++---
 .../{ => description}/IntroductionDetail.jsx   |  2 +-
 .../interactions/{ => description}/TapBar.jsx  |  0
 .../{ => description/assets}/star.svg          |  0
 .../interactions/fastCharge/useDialDrag.js     |  4 ++--
 src/mainPage/features/interactions/index.jsx   | 18 ++++++++++--------
 .../{ => modal}/InteractionAnswer.jsx          | 15 +++++++++------
 .../{ => modal}/InteractionAnswer.module.css   |  0
 .../{ => modal}/InteractionModal.jsx           | 14 ++++++++------
 .../univasalIsland/useIslandDrag.js            |  4 ++--
 .../features/interactions/v2l/index.jsx        |  2 +-
 .../notifier/FcfsNotifierCountdown.jsx         |  6 +++---
 .../features/introSection/notifier/index.jsx   |  4 ++--
 14 files changed, 42 insertions(+), 35 deletions(-)
 rename src/mainPage/features/interactions/{ => description}/GiftDetail.jsx (96%)
 rename src/mainPage/features/interactions/{ => description}/InteractionSlide.jsx (93%)
 rename src/mainPage/features/interactions/{ => description}/IntroductionDetail.jsx (88%)
 rename src/mainPage/features/interactions/{ => description}/TapBar.jsx (100%)
 rename src/mainPage/features/interactions/{ => description/assets}/star.svg (100%)
 rename src/mainPage/features/interactions/{ => modal}/InteractionAnswer.jsx (91%)
 rename src/mainPage/features/interactions/{ => modal}/InteractionAnswer.module.css (100%)
 rename src/mainPage/features/interactions/{ => modal}/InteractionModal.jsx (87%)

diff --git a/src/mainPage/features/interactions/GiftDetail.jsx b/src/mainPage/features/interactions/description/GiftDetail.jsx
similarity index 96%
rename from src/mainPage/features/interactions/GiftDetail.jsx
rename to src/mainPage/features/interactions/description/GiftDetail.jsx
index 0e3c7a56..5bd64753 100644
--- a/src/mainPage/features/interactions/GiftDetail.jsx
+++ b/src/mainPage/features/interactions/description/GiftDetail.jsx
@@ -1,4 +1,4 @@
-import Star from "./star.svg?react";
+import Star from "./assets/star.svg?react";
 
 export default function GiftDetail({ contentList }) {
   return (
diff --git a/src/mainPage/features/interactions/InteractionSlide.jsx b/src/mainPage/features/interactions/description/InteractionSlide.jsx
similarity index 93%
rename from src/mainPage/features/interactions/InteractionSlide.jsx
rename to src/mainPage/features/interactions/description/InteractionSlide.jsx
index 5a509cae..fb3d2131 100644
--- a/src/mainPage/features/interactions/InteractionSlide.jsx
+++ b/src/mainPage/features/interactions/description/InteractionSlide.jsx
@@ -1,6 +1,6 @@
-import openModal from "@/modal/openModal.js";
-import InteractionModal from "./InteractionModal";
-import { padNumber } from "@/common/utils.js";
+import InteractionModal from "../modal/InteractionModal";
+import openModal from "@common/modal/openModal.js";
+import { padNumber } from "@common/utils.js";
 
 function getEventDate(index) {
   const day = ["일", "월", "화", "수", "목", "금", "토"];
diff --git a/src/mainPage/features/interactions/IntroductionDetail.jsx b/src/mainPage/features/interactions/description/IntroductionDetail.jsx
similarity index 88%
rename from src/mainPage/features/interactions/IntroductionDetail.jsx
rename to src/mainPage/features/interactions/description/IntroductionDetail.jsx
index 113eeb4d..3ac696c4 100644
--- a/src/mainPage/features/interactions/IntroductionDetail.jsx
+++ b/src/mainPage/features/interactions/description/IntroductionDetail.jsx
@@ -1,4 +1,4 @@
-import EventDescriptionLayout from "@/eventDescription/EventDescriptionLayout.jsx";
+import EventDescriptionLayout from "@main/eventDescription/EventDescriptionLayout.jsx";
 
 export default function IntroductionDetail({ prizes }) {
   return (
diff --git a/src/mainPage/features/interactions/TapBar.jsx b/src/mainPage/features/interactions/description/TapBar.jsx
similarity index 100%
rename from src/mainPage/features/interactions/TapBar.jsx
rename to src/mainPage/features/interactions/description/TapBar.jsx
diff --git a/src/mainPage/features/interactions/star.svg b/src/mainPage/features/interactions/description/assets/star.svg
similarity index 100%
rename from src/mainPage/features/interactions/star.svg
rename to src/mainPage/features/interactions/description/assets/star.svg
diff --git a/src/mainPage/features/interactions/fastCharge/useDialDrag.js b/src/mainPage/features/interactions/fastCharge/useDialDrag.js
index ca26bc70..51982c56 100644
--- a/src/mainPage/features/interactions/fastCharge/useDialDrag.js
+++ b/src/mainPage/features/interactions/fastCharge/useDialDrag.js
@@ -1,6 +1,6 @@
 import { useState, useRef, useCallback } from "react";
-import { clamp } from "@/common/utils.js";
-import useMountDragEvent from "@/common/useMountDragEvent.js";
+import useMountDragEvent from "@main/hooks/useMountDragEvent.js";
+import { clamp } from "@common/utils.js";
 
 function getAngle(pointer, center) {
   const vx = pointer.x - center.x;
diff --git a/src/mainPage/features/interactions/index.jsx b/src/mainPage/features/interactions/index.jsx
index d8351979..9a7e90a7 100644
--- a/src/mainPage/features/interactions/index.jsx
+++ b/src/mainPage/features/interactions/index.jsx
@@ -1,17 +1,19 @@
 import { useRef } from "react";
-import useSectionInitialize from "@/scroll/useSectionInitialize";
-import useSwiperState from "@/common/useSwiperState";
-import EventDescriptionLayout from "@/eventDescription/EventDescriptionLayout.jsx";
-import GiftDetail from "./GiftDetail";
+import TapBar from "./description/TapBar.jsx";
+import InteractionSlide from ".description/InteractionSlide.jsx";
+import GiftDetail from "./description/GiftDetail.jsx";
+
+import EventDescriptionLayout from "@main/eventDescription/EventDescriptionLayout.jsx";
+import useSectionInitialize from "@main/scroll/useSectionInitialize.js";
+import { INTERACTION_SECTION } from "@main/scroll/constants.js";
+import useSwiperState from "@main/hooks/useSwiperState.js";
+
 import JSONData from "./content.json";
-import TapBar from "./TapBar";
-import InteractionSlide from "./InteractionSlide";
 
 export default function InteractionPage() {
-  const SECTION_IDX = 1;
   const sectionRef = useRef(null);
   const [currentInteraction, swiperRef] = useSwiperState();
-  useSectionInitialize(SECTION_IDX, sectionRef);
+  useSectionInitialize(INTERACTION_SECTION, sectionRef);
 
   const joinedList = [1, 0, 0, 1, -1];
 
diff --git a/src/mainPage/features/interactions/InteractionAnswer.jsx b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
similarity index 91%
rename from src/mainPage/features/interactions/InteractionAnswer.jsx
rename to src/mainPage/features/interactions/modal/InteractionAnswer.jsx
index 41914d12..d5193410 100644
--- a/src/mainPage/features/interactions/InteractionAnswer.jsx
+++ b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
@@ -1,10 +1,13 @@
-import scrollTo from "@/scroll/scrollTo";
-import style from "./InteractionAnswer.module.css";
 import { useEffect, useState } from "react";
-import openModal from "@/modal/openModal.js";
-import AuthModal from "@/auth/AuthModal.jsx";
-import Button from "@/common/Button.jsx";
-// import fcfsStore from "@/fcfs/store";
+
+import scrollTo from "@main/scroll/scrollTo.js";
+import { COMMENT_SECTION } from "@main/scroll/constants.js";
+import AuthModal from "@main/auth/AuthModal.jsx";
+import openModal from "@common/modal/openModal.js";
+import Button from "@common/components/Button.jsx";
+
+import style from "./InteractionAnswer.module.css"
+// import useEventStore from "@main/realtimeEvent/store";
 
 export default function InteractionAnswer({
   isAnswerUp,
diff --git a/src/mainPage/features/interactions/InteractionAnswer.module.css b/src/mainPage/features/interactions/modal/InteractionAnswer.module.css
similarity index 100%
rename from src/mainPage/features/interactions/InteractionAnswer.module.css
rename to src/mainPage/features/interactions/modal/InteractionAnswer.module.css
diff --git a/src/mainPage/features/interactions/InteractionModal.jsx b/src/mainPage/features/interactions/modal/InteractionModal.jsx
similarity index 87%
rename from src/mainPage/features/interactions/InteractionModal.jsx
rename to src/mainPage/features/interactions/modal/InteractionModal.jsx
index 792799b3..a4cebfc3 100644
--- a/src/mainPage/features/interactions/InteractionModal.jsx
+++ b/src/mainPage/features/interactions/modal/InteractionModal.jsx
@@ -1,10 +1,12 @@
-import Suspense from "@/common/Suspense.jsx";
-import { ModalCloseContext } from "@/modal/modal.jsx";
 import { lazy, useContext, useRef, useState } from "react";
-import InteractionAnswer from "./InteractionAnswer";
-import userStore from "@/auth/store.js";
-import Button from "@/common/Button.jsx";
-import ResetButton from "@/common/ResetButton.jsx";
+
+import InteractionAnswer from "./InteractionAnswer.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Suspense from "@common/components/Suspense.jsx";
+import Button from "@common/components/Button.jsx";
+import ResetButton from "@main/components/ResetButton.jsx"
+
+import userStore from "@main/auth/store.js";
 
 const lazyInteractionList = [
   lazy(() => import("./distanceDriven")),
diff --git a/src/mainPage/features/interactions/univasalIsland/useIslandDrag.js b/src/mainPage/features/interactions/univasalIsland/useIslandDrag.js
index ff913d13..73f78117 100644
--- a/src/mainPage/features/interactions/univasalIsland/useIslandDrag.js
+++ b/src/mainPage/features/interactions/univasalIsland/useIslandDrag.js
@@ -1,6 +1,6 @@
 import { useState, useRef, useMemo, useCallback } from "react";
-import { clamp } from "@/common/utils.js";
-import useMountDragEvent from "@/common/useMountDragEvent.js";
+import useMountDragEvent from "@main/hooks/useMountDragEvent.js";
+import { clamp } from "@common/utils.js";
 
 const PHONE_INITIAL_X = 150;
 const PHONE_INITIAL_Y = 100;
diff --git a/src/mainPage/features/interactions/v2l/index.jsx b/src/mainPage/features/interactions/v2l/index.jsx
index e7fce19b..842ddfcc 100644
--- a/src/mainPage/features/interactions/v2l/index.jsx
+++ b/src/mainPage/features/interactions/v2l/index.jsx
@@ -1,4 +1,4 @@
-import ClientOnly from "@/common/ClientOnly.jsx";
+import ClientOnly from "@common/components/ClientOnly.jsx";
 import InteractionDescription from "../InteractionDescription.jsx";
 import Puzzle from "./Puzzle.jsx";
 import style from "./style.module.css";
diff --git a/src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx b/src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx
index e98ca3cb..32a50cc8 100644
--- a/src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx
+++ b/src/mainPage/features/introSection/notifier/FcfsNotifierCountdown.jsx
@@ -1,8 +1,8 @@
-import useFcfsStore from "@/fcfs/store.js";
-import { convertSecondsToString } from "@/common/utils.js";
+import useEventStore from "@main/realtimeEvent/store.js";
+import { convertSecondsToString } from "@common/utils.js";
 
 function FcfsNotifierCountdown() {
-  const countdown = useFcfsStore((store) => store.countdown);
+  const countdown = useEventStore((store) => store.countdown);
 
   return (
     <>
diff --git a/src/mainPage/features/introSection/notifier/index.jsx b/src/mainPage/features/introSection/notifier/index.jsx
index e0a830f0..fba3f5c1 100644
--- a/src/mainPage/features/introSection/notifier/index.jsx
+++ b/src/mainPage/features/introSection/notifier/index.jsx
@@ -2,11 +2,11 @@ import FcfsNotifierCountdown from "./FcfsNotifierCountdown.jsx";
 import scrollTo from "@main/scroll/scrollTo.js";
 import { FCFS_SECTION } from "@main/scroll/constants.js";
 
-import useFcfsStore from "@main/realTimeEvent/store.js";
+import useEventStore from "@main/realTimeEvent/store.js";
 import { PROGRESS, OFFLINE } from "@main/realTimeEvent/constants.js";
 
 function FcfsNotifier({ visible }) {
-  const eventStatus = useFcfsStore((store) => store.eventStatus);
+  const eventStatus = useEventStore((store) => store.eventStatus);
 
   function onClick() {
     scrollTo(FCFS_SECTION);

From cd3d43b9b1e3e67ffe3822424b76c73ae46f0163 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:44:24 +0900
Subject: [PATCH 11/18] =?UTF-8?q?[refactor]=20=ED=97=A4=EB=8D=94=20?=
 =?UTF-8?q?=EC=84=B9=EC=85=98=20=ED=8F=B4=EB=8D=94=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/features/header/AuthButtonSection.jsx | 8 ++++----
 src/mainPage/features/header/index.jsx             | 7 ++++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/mainPage/features/header/AuthButtonSection.jsx b/src/mainPage/features/header/AuthButtonSection.jsx
index 26ca7c72..f2301d7e 100644
--- a/src/mainPage/features/header/AuthButtonSection.jsx
+++ b/src/mainPage/features/header/AuthButtonSection.jsx
@@ -1,7 +1,7 @@
-import openModal from "@/modal/openModal.js";
-import AuthModal from "@/auth/AuthModal.jsx";
-import WelcomeModal from "@/auth/Welcome";
-import useAuthStore from "@/auth/store.js";
+import openModal from "@common/modal/openModal.js";
+import AuthModal from "@main/auth/AuthModal.jsx";
+import WelcomeModal from "@main/auth/Welcome";
+import useAuthStore from "@main/auth/store.js";
 
 function AuthButtonSection() {
   const isLogin = useAuthStore((store) => store.isLogin);
diff --git a/src/mainPage/features/header/index.jsx b/src/mainPage/features/header/index.jsx
index d12453fa..9ba47954 100644
--- a/src/mainPage/features/header/index.jsx
+++ b/src/mainPage/features/header/index.jsx
@@ -1,8 +1,9 @@
-import style from "./index.module.css";
-import scrollTo from "../scroll/scrollTo";
-import { useSectionStore } from "../scroll/store";
+import scrollTo from "@main/scroll/scrollTo";
+import { useSectionStore } from "@main/scroll/store";
 import AuthButtonSection from "./AuthButtonSection.jsx";
 
+import style from "./index.module.css";
+
 export default function Header() {
   const currentSection = useSectionStore((state) => {
     return state.isVisibleList.findIndex((value) => value === true);

From 0aed8c37837d09a60adbcd41d5a01f2e5a5258fb Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:49:32 +0900
Subject: [PATCH 12/18] =?UTF-8?q?[refactor]=20mainPage/features/fcfs=20?=
 =?UTF-8?q?=EB=82=B4=20=ED=8C=8C=EC=9D=BC=20=EA=B2=BD=EB=A1=9C=20=EC=9E=AC?=
 =?UTF-8?q?=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/features/fcfs/cardGame/CardGame.jsx   | 14 +++++++-------
 .../features/fcfs/cardGame/CardGameTitle.jsx       |  6 +++---
 src/mainPage/features/fcfs/cardGame/index.jsx      |  8 ++++----
 .../features/fcfs/countdown/CountStarter.jsx       |  8 ++++----
 src/mainPage/features/fcfs/description/index.jsx   |  2 +-
 src/mainPage/features/fcfs/index.jsx               |  4 ++--
 .../features/fcfs/modals/FcfsInvalidModal.jsx      |  4 ++--
 .../features/fcfs/modals/FcfsLoseModal.jsx         |  8 ++++----
 src/mainPage/features/fcfs/modals/FcfsWinModal.jsx |  4 ++--
 9 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/mainPage/features/fcfs/cardGame/CardGame.jsx b/src/mainPage/features/fcfs/cardGame/CardGame.jsx
index 8c7e7f39..71d03692 100644
--- a/src/mainPage/features/fcfs/cardGame/CardGame.jsx
+++ b/src/mainPage/features/fcfs/cardGame/CardGame.jsx
@@ -2,17 +2,17 @@ import { useState } from "react";
 import CardGameTitle from "./CardGameTitle.jsx";
 import Card from "./Card.jsx";
 
-import openModal from "@/modal/openModal.js";
+import openModal from "@common/modal/openModal.js";
 import FcfsWinModal from "../modals/FcfsWinModal.jsx";
 import FcfsLoseModal from "../modals/FcfsLoseModal.jsx";
 import FcfsInvalidModal from "../modals/FcfsInvalidModal.jsx";
-import AuthModal from "@/auth/AuthModal.jsx";
+import AuthModal from "@main/auth/AuthModal.jsx";
 
-import useFcfsStore from "../store.js";
-import * as Status from "../constants.js";
-import { EVENT_ID } from "@/common/constants.js";
-import { fetchServer, handleError } from "@/common/dataFetch/fetchServer.js";
-import ResetButton from "@/common/ResetButton.jsx";
+import useFcfsStore from "@main/realtimeEvent/store.js";
+import * as Status from "@main/realtimeEvent/constants.js";
+import { EVENT_ID } from "@common/constants.js";
+import { fetchServer, handleError } from "@common/dataFetch/fetchServer.js";
+import ResetButton from "@main/components/ResetButton.jsx";
 
 function getLocked(eventStatus, isParticipated, offline) {
   if (offline) return false;
diff --git a/src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx b/src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx
index aed89a6c..498b4933 100644
--- a/src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx
+++ b/src/mainPage/features/fcfs/cardGame/CardGameTitle.jsx
@@ -1,6 +1,6 @@
-import useFcfsStore from "../store.js";
-import * as Status from "../constants.js";
-import { convertSecondsToString } from "@/common/utils.js";
+import useFcfsStore from "@main/realtimeEvent/store.js";
+import * as Status from "@main/realtimeEvent/constants.js";
+import { convertSecondsToString } from "@common/utils.js";
 
 function CardGameCountdown() {
   const countdown = useFcfsStore((store) => store.countdown);
diff --git a/src/mainPage/features/fcfs/cardGame/index.jsx b/src/mainPage/features/fcfs/cardGame/index.jsx
index e1113402..75cfabad 100644
--- a/src/mainPage/features/fcfs/cardGame/index.jsx
+++ b/src/mainPage/features/fcfs/cardGame/index.jsx
@@ -1,8 +1,8 @@
 import { useDeferredValue } from "react";
-import Suspense from "@/common/Suspense.jsx";
-import ErrorBoundary from "@/common/ErrorBoundary.jsx";
-import useFcfsStore from "../store.js";
-import useAuthStore from "@/auth/store.js";
+import Suspense from "@common/components/Suspense.jsx";
+import ErrorBoundary from "@common/components/ErrorBoundary.jsx";
+import useFcfsStore from "@main/realtimeEvent/store.js";
+import useAuthStore from "@main/auth/store.js";
 import CardGame from "./CardGame.jsx";
 
 function CardGameInitializer() {
diff --git a/src/mainPage/features/fcfs/countdown/CountStarter.jsx b/src/mainPage/features/fcfs/countdown/CountStarter.jsx
index 0745e2b2..1879ea39 100644
--- a/src/mainPage/features/fcfs/countdown/CountStarter.jsx
+++ b/src/mainPage/features/fcfs/countdown/CountStarter.jsx
@@ -1,9 +1,9 @@
 import { useEffect, useRef } from "react";
-import useFcfsStore from "../store.js";
-import { OFFLINE } from "../constants.js";
+import useFcfsStore from "@main/realtimeEvent/store.js";
+import { OFFLINE } from "@main/realtimeEvent/constants.js";
 import CountdownController from "./CountdownController";
-import Suspense from "@/common/Suspense.jsx";
-import ErrorBoundary from "@/common/ErrorBoundary.jsx";
+import Suspense from "@common/components/Suspense.jsx";
+import ErrorBoundary from "@common/components/ErrorBoundary.jsx";
 
 function CountStarterDummy() {
   const controller = useRef(new CountdownController(0, 0));
diff --git a/src/mainPage/features/fcfs/description/index.jsx b/src/mainPage/features/fcfs/description/index.jsx
index 27203d9c..b75cd4c1 100644
--- a/src/mainPage/features/fcfs/description/index.jsx
+++ b/src/mainPage/features/fcfs/description/index.jsx
@@ -1,4 +1,4 @@
-import EventDescriptionLayout from "@/eventDescription/EventDescriptionLayout.jsx";
+import EventDescriptionLayout from "@main/eventDescription/EventDescriptionLayout.jsx";
 import DateEventPrize from "./DateEventPrize.jsx";
 import content from "./content.json";
 
diff --git a/src/mainPage/features/fcfs/index.jsx b/src/mainPage/features/fcfs/index.jsx
index 3c219789..2fc52cdd 100644
--- a/src/mainPage/features/fcfs/index.jsx
+++ b/src/mainPage/features/fcfs/index.jsx
@@ -1,6 +1,6 @@
 import { useRef } from "react";
-import useSectionInitialize from "@/scroll/useSectionInitialize.js";
-import { FCFS_SECTION } from "@/common/constants.js";
+import useSectionInitialize from "@main/scroll/useSectionInitialize.js";
+import { FCFS_SECTION } from "@common/constants.js";
 import CardGame from "./cardGame";
 import CountStarter from "./countdown/CountStarter.jsx";
 import FcfsDescription from "./description";
diff --git a/src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx b/src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx
index ea9c107c..400e2dc5 100644
--- a/src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx
+++ b/src/mainPage/features/fcfs/modals/FcfsInvalidModal.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function FcfsInvalidModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
index 43fdc49b..878e9059 100644
--- a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
+++ b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
@@ -1,8 +1,8 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
-import scrollTo from "@/scroll/scrollTo.js";
-import { INTERACTION_SECTION } from "@/common/constants.js";
+import { ModalCloseContext } from "@components/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
+import scrollTo from "@main/scroll/scrollTo.js";
+import { INTERACTION_SECTION } from "@common/constants.js";
 
 function FcfsLoseModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/fcfs/modals/FcfsWinModal.jsx b/src/mainPage/features/fcfs/modals/FcfsWinModal.jsx
index a4ad9573..a13d0fad 100644
--- a/src/mainPage/features/fcfs/modals/FcfsWinModal.jsx
+++ b/src/mainPage/features/fcfs/modals/FcfsWinModal.jsx
@@ -1,6 +1,6 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@/modal/modal.jsx";
-import Button from "@/common/Button.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
+import Button from "@common/components/Button.jsx";
 
 function FcfsWinModal() {
   const close = useContext(ModalCloseContext);

From 30f4947ff1abba399bce54f26c5c9a99cb6d3c36 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:50:24 +0900
Subject: [PATCH 13/18] =?UTF-8?q?[build]=20=EB=A9=94=EC=9D=B8=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=98=81=EC=97=AD=EC=97=90=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=EC=82=AC=ED=95=AD=EC=9D=B4=20=EC=9E=88=EC=9D=84=20?=
 =?UTF-8?q?=EB=95=8C=EC=97=90=EB=A7=8C=20=EC=9B=8C=ED=81=AC=ED=94=8C?=
 =?UTF-8?q?=EB=A1=9C=EA=B0=80=20=EB=8F=99=EC=9E=91=ED=95=98=EA=B2=8C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/deploy_preview.yaml    | 3 +++
 .github/workflows/deploy_production.yaml | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/.github/workflows/deploy_preview.yaml b/.github/workflows/deploy_preview.yaml
index 8378e9cf..578e1b8b 100644
--- a/.github/workflows/deploy_preview.yaml
+++ b/.github/workflows/deploy_preview.yaml
@@ -6,6 +6,9 @@ on:
   push:
     branches:
       - "dev"
+    paths:
+      - "common/**"
+      - "mainPage/**"
 jobs:
   deploy-preview:
     runs-on: ubuntu-latest
diff --git a/.github/workflows/deploy_production.yaml b/.github/workflows/deploy_production.yaml
index de1840b8..7df4129f 100644
--- a/.github/workflows/deploy_production.yaml
+++ b/.github/workflows/deploy_production.yaml
@@ -6,6 +6,9 @@ on:
   push:
     branches:
       - "main"
+    paths:
+      - "common/**"
+      - "mainPage/**"
 jobs:
   deploy-production:
     runs-on: ubuntu-latest

From 8a416abd8b00611e32da2e3a44122eb15c579ab5 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:54:44 +0900
Subject: [PATCH 14/18] =?UTF-8?q?[refactor]=20auth/authcode=20=EB=B6=80?=
 =?UTF-8?q?=EB=B6=84=20=EA=B2=BD=EB=A1=9C=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx | 2 +-
 src/mainPage/shared/auth/AuthCode/index.jsx          | 2 +-
 src/mainPage/shared/auth/AuthCode/submitAuthCode.js  | 4 ++--
 src/mainPage/shared/auth/AuthCode/useTimer.js        | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx b/src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx
index 09014ee8..b051efa0 100644
--- a/src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx
+++ b/src/mainPage/shared/auth/AuthCode/InputWithTimer.jsx
@@ -1,4 +1,4 @@
-import Input from "@/common/Input.jsx";
+import Input from "@common/components/Input.jsx";
 
 const ONE_MINUTES = 60;
 
diff --git a/src/mainPage/shared/auth/AuthCode/index.jsx b/src/mainPage/shared/auth/AuthCode/index.jsx
index 9d1aacd0..e6638f3d 100644
--- a/src/mainPage/shared/auth/AuthCode/index.jsx
+++ b/src/mainPage/shared/auth/AuthCode/index.jsx
@@ -3,7 +3,7 @@ import InputWithTimer from "./InputWithTimer.jsx";
 import useTimer from "./useTimer.js";
 import submitAuthCode from "./submitAuthCode.js";
 import requestAuthCode from "../requestAuthCode.js";
-import Button from "@/common/Button.jsx";
+import Button from "@common/components/Button.jsx";
 
 const AUTH_MAX_DURATION = 5 * 60;
 
diff --git a/src/mainPage/shared/auth/AuthCode/submitAuthCode.js b/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
index 9cae0348..f414ab4b 100644
--- a/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
+++ b/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
@@ -1,5 +1,5 @@
-import { fetchServer, handleError } from "@/common/dataFetch/fetchServer.js";
-import { EVENT_ID } from "@/common/constants.js";
+import { fetchServer, handleError } from "@common/dataFetch/fetchServer.js";
+import { EVENT_ID } from "@common/components/constants.js";
 
 async function submitAuthCode(name, phoneNumber, authCode) {
   try {
diff --git a/src/mainPage/shared/auth/AuthCode/useTimer.js b/src/mainPage/shared/auth/AuthCode/useTimer.js
index 38d4514f..c2b0c497 100644
--- a/src/mainPage/shared/auth/AuthCode/useTimer.js
+++ b/src/mainPage/shared/auth/AuthCode/useTimer.js
@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect, useCallback } from "react";
-import IntervalController from "@/common/IntervalController.js";
+import IntervalController from "../IntervalController.js";
 
 function useTimer(remainTime) {
   const [timer, setTimer] = useState(remainTime);

From 2caa93607ccf8a27131718edb3e7c4dbabe371c0 Mon Sep 17 00:00:00 2001
From: darkdulgi <daniel99285@gmail.com>
Date: Mon, 12 Aug 2024 11:55:15 +0900
Subject: [PATCH 15/18] =?UTF-8?q?[refactor]=20tokensaver=20=EA=B2=BD?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/dataFetch/fetchServer.js                          | 2 +-
 src/{mainPage/shared/auth => common/dataFetch}/tokenSaver.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/{mainPage/shared/auth => common/dataFetch}/tokenSaver.js (93%)

diff --git a/src/common/dataFetch/fetchServer.js b/src/common/dataFetch/fetchServer.js
index 244a5fb8..ca2c8311 100644
--- a/src/common/dataFetch/fetchServer.js
+++ b/src/common/dataFetch/fetchServer.js
@@ -1,4 +1,4 @@
-import tokenSaver from "@/auth/tokenSaver.js";
+import tokenSaver from "./tokenSaver.js";
 
 class HTTPError extends Error {
   constructor(response) {
diff --git a/src/mainPage/shared/auth/tokenSaver.js b/src/common/dataFetch/tokenSaver.js
similarity index 93%
rename from src/mainPage/shared/auth/tokenSaver.js
rename to src/common/dataFetch/tokenSaver.js
index 4bf00373..67eea568 100644
--- a/src/mainPage/shared/auth/tokenSaver.js
+++ b/src/common/dataFetch/tokenSaver.js
@@ -1,4 +1,4 @@
-import { TOKEN_ID } from "@/common/constants.js";
+import { TOKEN_ID } from "@common/constants.js";
 
 class TokenSaver {
   initialized = false;

From acce054ba2dd76e2a021189ff208db19db51eda7 Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 11:59:20 +0900
Subject: [PATCH 16/18] =?UTF-8?q?[fix]=20=EB=88=84=EB=9D=BD=EB=90=9C=20con?=
 =?UTF-8?q?stants=20=EC=A0=81=EC=9A=A9=20-=20interactionAnswer=EC=97=90?=
 =?UTF-8?q?=EC=84=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mainPage/features/interactions/modal/InteractionAnswer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mainPage/features/interactions/modal/InteractionAnswer.jsx b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
index d5193410..f45c3192 100644
--- a/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
+++ b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
@@ -41,7 +41,7 @@ export default function InteractionAnswer({
 
   function onClickWrite() {
     close();
-    scrollTo(3);
+    scrollTo(COMMENT_SECTION);
   }
 
   function onClickShare() {

From f8d0b2775249fa95ec4b69232590e5157ce1b55f Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 12:08:08 +0900
Subject: [PATCH 17/18] =?UTF-8?q?[fix]=20=EC=9E=98=EB=AA=BB=EB=90=9C=20?=
 =?UTF-8?q?=EA=B2=BD=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/comment/modals/CommentNoUserModal.jsx     |  2 +-
 src/mainPage/features/fcfs/index.jsx                   |  2 +-
 src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx    |  4 ++--
 .../interactions/distanceDriven/usePointDrag.js        |  2 +-
 src/mainPage/features/interactions/index.jsx           |  2 +-
 .../features/interactions/modal/InteractionModal.jsx   | 10 +++++-----
 src/mainPage/features/introSection/index.jsx           |  2 +-
 src/mainPage/features/introSection/notifier/index.jsx  |  4 ++--
 .../features/simpleInformation/contentSection.jsx      |  2 +-
 src/mainPage/mock.js                                   |  6 +++---
 src/mainPage/shared/auth/AuthCode/submitAuthCode.js    |  2 +-
 src/mainPage/shared/auth/store.js                      |  2 +-
 src/mainPage/shared/components/ResetButton.jsx         |  2 +-
 13 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
index 222e997b..4caefd96 100644
--- a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
@@ -2,7 +2,7 @@ import { useContext } from "react";
 import { ModalCloseContext } from "@common/modal/modal.jsx";
 import Button from "@common/components/Button.jsx";
 import scrollTo from "@main/scroll/scrollTo.js";
-import { INTERACTION_SECTION } from "@common/constants.js";
+import { INTERACTION_SECTION } from "@main/scroll/constants.js";
 
 function CommentNoUserModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/fcfs/index.jsx b/src/mainPage/features/fcfs/index.jsx
index 2fc52cdd..7a578ba1 100644
--- a/src/mainPage/features/fcfs/index.jsx
+++ b/src/mainPage/features/fcfs/index.jsx
@@ -1,6 +1,6 @@
 import { useRef } from "react";
 import useSectionInitialize from "@main/scroll/useSectionInitialize.js";
-import { FCFS_SECTION } from "@common/constants.js";
+import { FCFS_SECTION } from "@main/scroll/constants.js";
 import CardGame from "./cardGame";
 import CountStarter from "./countdown/CountStarter.jsx";
 import FcfsDescription from "./description";
diff --git a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
index 878e9059..829bcb04 100644
--- a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
+++ b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
@@ -1,8 +1,8 @@
 import { useContext } from "react";
-import { ModalCloseContext } from "@components/modal/modal.jsx";
+import { ModalCloseContext } from "@common/modal/modal.jsx";
 import Button from "@common/components/Button.jsx";
 import scrollTo from "@main/scroll/scrollTo.js";
-import { INTERACTION_SECTION } from "@common/constants.js";
+import { INTERACTION_SECTION } from "@main/scroll/constants.js";
 
 function FcfsLoseModal() {
   const close = useContext(ModalCloseContext);
diff --git a/src/mainPage/features/interactions/distanceDriven/usePointDrag.js b/src/mainPage/features/interactions/distanceDriven/usePointDrag.js
index e39402cf..b7bd9641 100644
--- a/src/mainPage/features/interactions/distanceDriven/usePointDrag.js
+++ b/src/mainPage/features/interactions/distanceDriven/usePointDrag.js
@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback } from "react";
-import useMountDragEvent from "@/common/useMountDragEvent.js";
+import useMountDragEvent from "@main/hooks/useMountDragEvent.js";
 
 function usePointDrag() {
   const prevState = useRef({ x: 0, y: 0, mouseX: 0, mouseY: 0 });
diff --git a/src/mainPage/features/interactions/index.jsx b/src/mainPage/features/interactions/index.jsx
index 9a7e90a7..c47fa534 100644
--- a/src/mainPage/features/interactions/index.jsx
+++ b/src/mainPage/features/interactions/index.jsx
@@ -1,6 +1,6 @@
 import { useRef } from "react";
 import TapBar from "./description/TapBar.jsx";
-import InteractionSlide from ".description/InteractionSlide.jsx";
+import InteractionSlide from "./description/InteractionSlide.jsx";
 import GiftDetail from "./description/GiftDetail.jsx";
 
 import EventDescriptionLayout from "@main/eventDescription/EventDescriptionLayout.jsx";
diff --git a/src/mainPage/features/interactions/modal/InteractionModal.jsx b/src/mainPage/features/interactions/modal/InteractionModal.jsx
index a4cebfc3..9730b6b0 100644
--- a/src/mainPage/features/interactions/modal/InteractionModal.jsx
+++ b/src/mainPage/features/interactions/modal/InteractionModal.jsx
@@ -9,11 +9,11 @@ import ResetButton from "@main/components/ResetButton.jsx"
 import userStore from "@main/auth/store.js";
 
 const lazyInteractionList = [
-  lazy(() => import("./distanceDriven")),
-  lazy(() => import("./fastCharge")),
-  lazy(() => import("./univasalIsland")),
-  lazy(() => import("./v2l")),
-  lazy(() => import("./subsidy")),
+  lazy(() => import("../distanceDriven")),
+  lazy(() => import("../fastCharge")),
+  lazy(() => import("../univasalIsland")),
+  lazy(() => import("../v2l")),
+  lazy(() => import("../subsidy")),
 ];
 
 export default function InteractionModal({ index, answer }) {
diff --git a/src/mainPage/features/introSection/index.jsx b/src/mainPage/features/introSection/index.jsx
index 800f4eb0..19ad230e 100644
--- a/src/mainPage/features/introSection/index.jsx
+++ b/src/mainPage/features/introSection/index.jsx
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from "react";
 import LineHighlight from "./LineHighlight.jsx";
 import FcfsNotifier from "./notifier";
 
-import useScrollTransition from "@common/hooks/useScrollTransition.js";
+import useScrollTransition from "@main/hooks/useScrollTransition.js";
 import style from "./index.module.css";
 import SpinningCarVideo from "./car-spin.webm";
 import Pointer from "./pointer.svg";
diff --git a/src/mainPage/features/introSection/notifier/index.jsx b/src/mainPage/features/introSection/notifier/index.jsx
index fba3f5c1..45f080a7 100644
--- a/src/mainPage/features/introSection/notifier/index.jsx
+++ b/src/mainPage/features/introSection/notifier/index.jsx
@@ -2,8 +2,8 @@ import FcfsNotifierCountdown from "./FcfsNotifierCountdown.jsx";
 import scrollTo from "@main/scroll/scrollTo.js";
 import { FCFS_SECTION } from "@main/scroll/constants.js";
 
-import useEventStore from "@main/realTimeEvent/store.js";
-import { PROGRESS, OFFLINE } from "@main/realTimeEvent/constants.js";
+import useEventStore from "@main/realtimeEvent/store.js";
+import { PROGRESS, OFFLINE } from "@main/realtimeEvent/constants.js";
 
 function FcfsNotifier({ visible }) {
   const eventStatus = useEventStore((store) => store.eventStatus);
diff --git a/src/mainPage/features/simpleInformation/contentSection.jsx b/src/mainPage/features/simpleInformation/contentSection.jsx
index 95d29260..575821e2 100644
--- a/src/mainPage/features/simpleInformation/contentSection.jsx
+++ b/src/mainPage/features/simpleInformation/contentSection.jsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-import makeHighlight from "@main/makeHighlight.js";
+import makeHighlight from "@main/makeHighlight.jsx";
 import style from "./contentSection.module.css";
 
 export default function ContentSection({ content }) {
diff --git a/src/mainPage/mock.js b/src/mainPage/mock.js
index bf7f647b..81c2f9b0 100644
--- a/src/mainPage/mock.js
+++ b/src/mainPage/mock.js
@@ -1,7 +1,7 @@
 import { setupWorker } from "msw/browser";
-import commentHandler from "./comment/mock.js";
-import authHandler from "./auth/mock.js";
-import fcfsHandler from "./fcfs/mock.js";
+import commentHandler from "./features/comment/mock.js";
+import authHandler from "./shared/auth/mock.js";
+import fcfsHandler from "./features/fcfs/mock.js";
 
 // mocking은 기본적으로 각 feature 폴더 내의 mock.js로 정의합니다.
 // 새로운 feature의 mocking을 추가하셨으면, mock.js의 setupWorker 내부 함수에 인자를 spread 연산자를 이용해 추가해주세요.
diff --git a/src/mainPage/shared/auth/AuthCode/submitAuthCode.js b/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
index f414ab4b..3d5ce4e5 100644
--- a/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
+++ b/src/mainPage/shared/auth/AuthCode/submitAuthCode.js
@@ -1,5 +1,5 @@
 import { fetchServer, handleError } from "@common/dataFetch/fetchServer.js";
-import { EVENT_ID } from "@common/components/constants.js";
+import { EVENT_ID } from "@common/constants.js";
 
 async function submitAuthCode(name, phoneNumber, authCode) {
   try {
diff --git a/src/mainPage/shared/auth/store.js b/src/mainPage/shared/auth/store.js
index 38be06f2..133d016a 100644
--- a/src/mainPage/shared/auth/store.js
+++ b/src/mainPage/shared/auth/store.js
@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import tokenSaver from "./tokenSaver.js";
+import tokenSaver from "@common/dataFetch/tokenSaver.js";
 
 const userStore = create(() => ({
   isLogin: false,
diff --git a/src/mainPage/shared/components/ResetButton.jsx b/src/mainPage/shared/components/ResetButton.jsx
index 7dc5ff8f..489a1e31 100644
--- a/src/mainPage/shared/components/ResetButton.jsx
+++ b/src/mainPage/shared/components/ResetButton.jsx
@@ -1,5 +1,5 @@
 import Button from "@common/components/Button.jsx";
-import RefreshIcon from "./assets/refresh.svg?react";
+import RefreshIcon from "./refresh.svg?react";
 
 export default function ResetButton({ onClick }) {
   return (

From 2bfc8e8bdcdc223598276a3b4906d04fbb3d799f Mon Sep 17 00:00:00 2001
From: lybell-art <futireflugel@gmail.com>
Date: Mon, 12 Aug 2024 12:18:37 +0900
Subject: [PATCH 18/18] =?UTF-8?q?[fix]=20=EB=AA=A8=EB=8B=AC=20=EB=8B=AB?=
 =?UTF-8?q?=ED=9E=8C=20=EB=92=A4=20=EC=8A=A4=ED=81=AC=EB=A1=A4=EC=9D=B4=20?=
 =?UTF-8?q?=EC=95=88=20=EB=82=B4=EB=A0=A4=EA=B0=80=EB=8A=94=20=EB=B2=84?=
 =?UTF-8?q?=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/modal/modal.jsx                               | 9 ++++++---
 src/common/utils.js                                      | 4 ++++
 .../features/comment/modals/CommentNoUserModal.jsx       | 4 ++--
 src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx      | 4 ++--
 .../features/interactions/modal/InteractionAnswer.jsx    | 4 ++--
 5 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/common/modal/modal.jsx b/src/common/modal/modal.jsx
index 52e8bf98..6cbd318b 100644
--- a/src/common/modal/modal.jsx
+++ b/src/common/modal/modal.jsx
@@ -1,5 +1,6 @@
 import { createContext, useCallback, useEffect, useState, useRef } from "react";
 import useModalStore, { closeModal } from "./store.js";
+import { delay } from "@common/utils.js";
 
 export const ModalCloseContext = createContext(() => {
   console.log("모달이 닫힙니다.");
@@ -9,10 +10,12 @@ function Modal({ layer }) {
   const timeoutRef = useRef(null);
   const child = useModalStore(layer);
   const [opacity, setOpacity] = useState(0);
-  const close = useCallback(() => {
+  const close = useCallback(async () => {
     setOpacity(0);
-    if (timeoutRef.current === null)
-      timeoutRef.current = setTimeout(() => closeModal(layer), 150);
+    if (timeoutRef.current === null) {
+      await delay(150);
+      closeModal(layer);
+    }
   }, [layer]);
 
   useEffect(() => {
diff --git a/src/common/utils.js b/src/common/utils.js
index 2be99fe6..7b80d1a6 100644
--- a/src/common/utils.js
+++ b/src/common/utils.js
@@ -26,3 +26,7 @@ export function convertSecondsToString(time) {
 
   return `${days > 0 ? days + " : " : ""}${[hours, minutes, seconds].map(padNumber).join(" : ")}`;
 }
+
+export function delay(ms) {
+  return new Promise( resolve=>setTimeout(resolve, ms) );
+}
diff --git a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
index 4caefd96..a24865ac 100644
--- a/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
+++ b/src/mainPage/features/comment/modals/CommentNoUserModal.jsx
@@ -7,8 +7,8 @@ import { INTERACTION_SECTION } from "@main/scroll/constants.js";
 function CommentNoUserModal() {
   const close = useContext(ModalCloseContext);
 
-  function toMoveInteraction() {
-    close();
+  async function toMoveInteraction() {
+    await close();
     scrollTo(INTERACTION_SECTION);
   }
 
diff --git a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
index 829bcb04..7a4ffe21 100644
--- a/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
+++ b/src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx
@@ -8,8 +8,8 @@ function FcfsLoseModal() {
   const close = useContext(ModalCloseContext);
   const shouldInteraction = false; // 향후 통합 예정
 
-  function toMoveInteraction() {
-    close();
+  async function toMoveInteraction() {
+    await close();
     scrollTo(INTERACTION_SECTION);
   }
 
diff --git a/src/mainPage/features/interactions/modal/InteractionAnswer.jsx b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
index f45c3192..60b15e59 100644
--- a/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
+++ b/src/mainPage/features/interactions/modal/InteractionAnswer.jsx
@@ -39,8 +39,8 @@ export default function InteractionAnswer({
     setIsJoined(false);
   }, []);
 
-  function onClickWrite() {
-    close();
+  async function onClickWrite() {
+    await close();
     scrollTo(COMMENT_SECTION);
   }