[Refactor] CasperCustom 폴더구조 변경

client/src/constants/CasperCustom/customStep.tsx

@@ -3,7 +3,7 @@ import {
     EyesPanel,
     MouthPanel,
     StickerPanel,
-} from "@/features/CasperCustom/CasperCustomPanel";
+} from "@/features/CasperCustom/CasperCustomPanel/CasperCustomPanel";
 import { CUSTOM_OPTION } from "./casper";
 
 export const CUSTOM_STEP_OPTION = {

client/src/features/CasperCustom/CasperFlipCard.tsx → client/src/features/CasperCustom/CasperCard/CasperFlipCard.tsx

@@ -1,7 +1,7 @@
 import { memo } from "react";
 import { motion } from "framer-motion";
 import { CASPER_CARD_SIZE, CASPER_SIZE_OPTION } from "@/constants/CasperCustom/casper";
-import { CasperCardType } from "../CasperShowCase/TransitionCasperCards";
+import { CasperCardType } from "@/features/CasperShowCase/TransitionCasperCards";
 import { CasperCardBackUI } from "./CasperCardBackUI";
 import { CasperCardFrontUI } from "./CasperCardFrontUI";
 

client/src/features/CasperCustom/CasperCustomFinish.tsx → client/src/features/CasperCustom/CustomProcess/CasperCustomFinish.tsx

@@ -9,6 +9,7 @@ import { MAX_APPLY } from "@/constants/CasperCustom/customStep";
 import { DISSOLVE } from "@/constants/animation";
 import { SCROLL_MOTION } from "@/constants/animation";
 import { COOKIE_KEY } from "@/constants/cookie";
+import { MyCasperCardFront } from "@/features/CasperCustom/CasperCard/MyCasperCardFront";
 import useCasperCustomDispatchContext from "@/hooks/useCasperCustomDispatchContext";
 import useCasperCustomStateContext from "@/hooks/useCasperCustomStateContext";
 import useFetch from "@/hooks/useFetch";
@@ -18,8 +19,7 @@ import { GetShareLinkResponse } from "@/types/linkApi";
 import { GetApplyCountResponse } from "@/types/lotteryApi";
 import { saveDomImage } from "@/utils/saveDomImage";
 import { writeClipboard } from "@/utils/writeClipboard";
-import { Battery } from "./Battery";
-import { MyCasperCardFront } from "./MyCasperCardFront";
+import { Battery } from "../Battery";
 import ArrowRightIcon from "/public/assets/icons/arrow-line-right.svg?react";
 
 interface CasperCustomFinishProps {

client/src/features/CasperCustom/CasperCustomFinishing.tsx → client/src/features/CasperCustom/CustomProcess/CasperCustomFinishing.tsx

@@ -3,10 +3,10 @@ import { motion } from "framer-motion";
 import { CASPER_SIZE_OPTION } from "@/constants/CasperCustom/casper";
 import { DISSOLVE } from "@/constants/animation";
 import { SCROLL_MOTION } from "@/constants/animation";
+import { CasperFlipCard } from "@/features/CasperCustom/CasperCard/CasperFlipCard";
+import { CasperCardType } from "@/features/CasperShowCase/TransitionCasperCards";
 import useCasperCustomStateContext from "@/hooks/useCasperCustomStateContext";
 import useToast from "@/hooks/useToast";
-import { CasperCardType } from "../CasperShowCase/TransitionCasperCards";
-import { CasperFlipCard } from "./CasperFlipCard";
 
 interface CasperCustomFinishingProps {
     navigateNextStep: () => void;

client/src/features/CasperCustom/CasperCustomForm.tsx → client/src/features/CasperCustom/CustomProcess/CasperCustomForm.tsx

@@ -8,12 +8,12 @@ import { CUSTOM_OPTION } from "@/constants/CasperCustom/casper";
 import { DISSOLVE } from "@/constants/animation";
 import { SCROLL_MOTION } from "@/constants/animation";
 import { COOKIE_KEY } from "@/constants/cookie";
+import { MyCasperCardFront } from "@/features/CasperCustom/CasperCard/MyCasperCardFront";
 import useCasperCustomDispatchContext from "@/hooks/useCasperCustomDispatchContext";
 import useCasperCustomStateContext from "@/hooks/useCasperCustomStateContext";
 import useFetch from "@/hooks/useFetch";
 import { CASPER_ACTION } from "@/types/casperCustom";
 import { CasperInformationType, PostCasperResponse } from "@/types/lotteryApi";
-import { MyCasperCardFront } from "./MyCasperCardFront";
 
 interface CasperCustomFormProps {
     navigateNextStep: () => void;

client/src/features/CasperCustom/CasperCustomProcess.tsx → client/src/features/CasperCustom/CustomProcess/CasperCustomProcess.tsx

@@ -5,7 +5,7 @@ import ListStep from "@/components/ListStep";
 import { CUSTOM_OPTION_ARRAY } from "@/constants/CasperCustom/customStep";
 import { DISSOLVE } from "@/constants/animation";
 import { SCROLL_MOTION } from "@/constants/animation";
-import { MyCasperCardFront } from "@/features/CasperCustom/MyCasperCardFront";
+import { MyCasperCardFront } from "@/features/CasperCustom/CasperCard/MyCasperCardFront";
 import useCasperCustomStateContext from "@/hooks/useCasperCustomStateContext";
 import { getCasperOptionDescription } from "@/utils/CasperCustom/getCasperOptionDescription";
 

client/src/features/CasperCustom/index.tsx

@@ -1,4 +1,4 @@
-export { CasperCustomFinish } from "./CasperCustomFinish";
-export { CasperCustomFinishing } from "./CasperCustomFinishing";
-export { CasperCustomProcess } from "./CasperCustomProcess";
-export { CasperCustomForm } from "./CasperCustomForm";
+export { CasperCustomFinish } from "./CustomProcess/CasperCustomFinish";
+export { CasperCustomFinishing } from "./CustomProcess/CasperCustomFinishing";
+export { CasperCustomProcess } from "./CustomProcess/CasperCustomProcess";
+export { CasperCustomForm } from "./CustomProcess/CasperCustomForm";

client/src/features/CasperShowCase/TransitionCasperCards.tsx

@@ -2,9 +2,9 @@ import { useEffect, useRef, useState } from "react";
 import { AnimatePresence, motion, useAnimation } from "framer-motion";
 import { CASPER_CARD_SIZE, CASPER_SIZE_OPTION } from "@/constants/CasperCustom/casper";
 import { CARD_TRANSITION } from "@/constants/CasperShowCase/showCase";
+import { CasperFlipCard } from "@/features/CasperCustom/CasperCard/CasperFlipCard";
 import useLazyLoading from "@/hooks/useLazyLoading";
 import { SelectedCasperIdxType } from "@/types/casperCustom";
-import { CasperFlipCard } from "../CasperCustom/CasperFlipCard";
 
 export interface CasperCardType {
     id: number;