Refactor/컴포넌트디렉토리구조변경

src/components/common/bottomSheet/sheetContent/SelectInterest.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import styled from 'styled-components';
-import SelectInterestButton from '../../../challenge/SelectInterestButton';
+import SelectInterestButton from '../../../kid/challenge/SelectInterestButton';
 
 function SelectInterest() {
   return (

src/components/challenge/SelectInterestButton.tsx → src/components/kid/challenge/SelectInterestButton.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import RiskBadge from '../badges/RiskBadge';
+import RiskBadge from '../../common/badges/RiskBadge';
 
 interface SelectInterestButtonProps {
   isSelected: boolean;

src/components/homekid/Pending.stories.tsx → src/components/kid/home/Pending.stories.tsx

@@ -1,9 +1,9 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import Margin from '../layout/Margin';
+import Margin from '../../layout/Margin';
 import Pending from './Pending';
 
 export default {
-  title: '자녀 홈/Pending',
+  title: 'Kid/home/Pending',
   component: Pending,
   argTypes: { onClick: { action: 'event' } },
   decorators: [

src/components/homekid/Pending.tsx → src/components/kid/home/Pending.tsx

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import styled from 'styled-components';
-import SuggestBadge from '../badges/SuggestBadge';
+import SuggestBadge from '../../common/badges/SuggestBadge';
 
 interface PendingProps extends HTMLAttributes<HTMLButtonElement> {
   /**

src/components/homekid/Summary.stories.tsx → src/components/kid/home/Summary.stories.tsx

@@ -1,10 +1,10 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import Margin from '../layout/Margin';
+import Margin from '../../layout/Margin';
 import Summary from './Summary';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-  title: '자녀 홈/Summary',
+  title: 'Kid/home/Summary',
   component: Summary,
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   decorators: [

src/components/homekid/Summary.tsx → src/components/kid/home/Summary.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { ReactComponent as SummaryWrapper } from '../../assets/icons/homeKid-summary.svg';
+import { ReactComponent as SummaryWrapper } from '../../../assets/icons/homeKid-summary.svg';
 
 interface SummaryProps {
   /**

src/components/layout/Layout.tsx

@@ -2,7 +2,6 @@ import { Outlet, useLocation } from 'react-router-dom';
 import styled from 'styled-components';
 import { media } from '../../lib/styles/theme';
 import { useMediaQuery } from 'react-responsive';
-import { borderRadius } from 'polished';
 
 function Layout() {
   const { pathname } = useLocation();

src/pages/Home/index.tsx

@@ -40,7 +40,7 @@ function HomeRouter({ isKid }: AppProps) {
         }
       />
       <Route
-        path="/create"
+        path="/create/:step"
         element={
           <Stacked label="돈길 만들기">
             <CreateKid />

src/pages/Home/kid/CreateKid.tsx

@@ -1,4 +1,8 @@
+import { useParams } from 'react-router-dom';
+
 function CreateKid() {
+  const { step } = useParams();
+  console.log(step);
   return <>자녀-돈길만들기</>;
 }