refactor: Card 컴포넌트 들 디렉토리 변경

src/components/Card/Common/CommonCard.tsx → src/components/Card/Card.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import React, { PropsWithChildren } from 'react';
 import Tag, { ExcludedTags } from '@/composable/Tag/Tag';
-import { bgColorVariants, cardStyle } from './CommonCard.css';
+import { bgColorVariants, cardStyle } from './Card.css';
 
 interface Props {
   className?: string;
@@ -10,7 +10,7 @@ interface Props {
   onClick?: () => void;
 }
 
-const CommonCard = ({
+const Card = ({
   children,
   as,
   className,
@@ -32,4 +32,4 @@ const CommonCard = ({
   );
 };
 
-export default React.memo(CommonCard);
+export default React.memo(Card);

src/components/Card/History/HistoryCard.tsx → src/components/HistoryCard/HistoryCard.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import React, { PropsWithChildren } from 'react';
 import { getStaticContext } from '@/utils/context/StaticContext';
-import CommonCard from '../Common/CommonCard';
+import Card from '../Card/Card';
 import StaticContextHistoryCard, {
   HistoryCardContextProps,
 } from './HistoryCard.context';
@@ -43,7 +43,7 @@ const HistoryCard = ({
         period,
       }}
     >
-      <CommonCard
+      <Card
         as="button"
         className={classNames(
           className,
@@ -54,7 +54,7 @@ const HistoryCard = ({
         onClick={onClick}
       >
         {children}
-      </CommonCard>
+      </Card>
     </StaticContextHistoryCard.Provider>
   );
 };

src/components/HistoryCarousel/HistoryCarousel.tsx

@@ -4,10 +4,10 @@ import React, { useEffect, useRef } from 'react';
 import { useSwiper } from 'swiper/react';
 import HistoryDetailCard, {
   HistoryDetailCardProps,
-} from '@/components/Card/History/Detail/HistoryDetailCard';
+} from '@/components/HistoryDetailCard/HistoryDetailCard';
 import HistoryImpactCard, {
   HistoryImpactCardProps,
-} from '@/components/Card/History/Impact/HistoryImpactCard';
+} from '@/components/HistoryImpactCard/HistoryImpactCard';
 import OceanSwiper from '@/components/OceanSwiper/OceanSwiper';
 import Button from '@/composable/Button/Button';
 import CommonIcon from '@/composable/Icon/CommonIcon';

src/components/Card/History/Detail/HistoryDetailCard.tsx → src/components/HistoryDetailCard/HistoryDetailCard.tsx

@@ -3,7 +3,7 @@ import React, { PropsWithChildren } from 'react';
 import MarkdownViewer from '@/components/MarkdownViewer/MarkdownViewer';
 import CommonIcon from '@/composable/Icon/CommonIcon';
 import { getStaticContext } from '@/utils/context/StaticContext';
-import CommonCard from '../../Common/CommonCard';
+import Card from '../Card/Card';
 import StaticContextHistoryDetailCard, {
   HistoryDetailContextProps,
 } from './HistoryDetailCard.context';
@@ -52,15 +52,15 @@ const HistoryDetailCard = ({
         content,
       }}
     >
-      <CommonCard
+      <Card
         className={classNames(
           className,
           sizeToken ? wrapVariants[sizeToken] : wrapStyle,
         )}
         bgColorToken="GRAY"
       >
         {children}
-      </CommonCard>
+      </Card>
     </StaticContextHistoryDetailCard.Provider>
   );
 };

src/components/Card/History/Impact/HistoryImpactCard.tsx → src/components/HistoryImpactCard/HistoryImpactCard.tsx

@@ -6,7 +6,7 @@ import CommonIcon from '@/composable/Icon/CommonIcon';
 import { StaticContextUserInfo } from '@/Provider/UserInfoProvider.context';
 import { getStaticContext } from '@/utils/context/StaticContext';
 import calcRemToPxNumber from '@/utils/style/calcRemToPxNumber';
-import CommonCard from '../../Common/CommonCard';
+import Card from '../Card/Card';
 import {
   HistoryImpactContextProps,
   StaticContextHistoryImpactCard,
@@ -47,15 +47,15 @@ const HistoryImpactCard = ({
         content,
       }}
     >
-      <CommonCard
+      <Card
         className={classNames(
           className,
           sizeToken ? wrapStyleVariants[sizeToken] : wrapStyle,
         )}
         bgColorToken="USER"
       >
         {children}
-      </CommonCard>
+      </Card>
     </StaticContextHistoryImpactCard.Provider>
   );
 };

src/components/HistorySummary/HistorySummary.tsx

@@ -7,12 +7,12 @@ import React, {
   useContext,
   useState,
 } from 'react';
-import HistoryCard from '@/components/Card/History/HistoryCard';
-import { HistoryCardContextProps } from '@/components/Card/History/HistoryCard.context';
+import HistoryCard from '@/components/HistoryCard/HistoryCard';
+import { HistoryCardContextProps } from '@/components/HistoryCard/HistoryCard.context';
 import {
   defaultCardWidthStyle,
   detailViewCardWidthStyle,
-} from '@/components/Card/History/HistoryCard.css';
+} from '@/components/HistoryCard/HistoryCard.css';
 import Button from '@/composable/Button/Button';
 import CommonIcon from '@/composable/Icon/CommonIcon';
 import Pagination from '@/composable/Pagination/Pagination';

src/components/NormalProject/NormalProject.tsx

@@ -24,9 +24,9 @@ import {
 import { createNestedArray } from '@/utils/array/createNestedArray';
 import { getPeriod } from '@/utils/date/getPeriod';
 import { getCurrentBreakPoints } from '@/utils/layout/getCurrentBreakPoints';
-import ProjectCard from '../Card/Project/ProjectCard';
 import OceanSwiper from '../OceanSwiper/OceanSwiper';
 import { ProjectContextData } from '../Project/Project.context';
+import ProjectCard from '../ProjectCard/ProjectCard';
 import {
   ContextDispatchNormalProject,
   ContextValueNormalProject,

src/components/SkillList/SkillList.tsx

@@ -6,12 +6,12 @@ import Button from '@/composable/Button/Button';
 import CommonIcon from '@/composable/Icon/CommonIcon';
 import Spacer from '@/composable/Spacer/Spacer';
 import { getStaticContext } from '@/utils/context/StaticContext';
-import SkillCard from '../Card/Skill/SkillCard';
 import {
   DispatcherContextSkill,
   StaticContextSkill,
   ValueContextSkill,
 } from '../Skill/Skill.context';
+import SkillCard from '../SkillCard/SkillCard';
 import {
   bundleStyle,
   buttonStyle,

src/components/SkillSlide/SkillSlide.tsx

@@ -7,9 +7,9 @@ import { useReactiveLayout } from '@/hook/useReactiveLayout';
 import { W100 } from '@/styles/common/layout.css';
 import { createNestedArray } from '@/utils/array/createNestedArray';
 import { getStaticContext } from '@/utils/context/StaticContext';
-import SkillCard from '../Card/Skill/SkillCard';
 import OceanSwiper from '../OceanSwiper/OceanSwiper';
 import { StaticContextSkill } from '../Skill/Skill.context';
+import SkillCard from '../SkillCard/SkillCard';
 import TextTab from '../TextTab/TextTab';
 import TextTabGroup from '../TextTabGroup/TextTabGroup';
 import {

src/containers/HistoryCarouselContainer.tsx

@@ -3,9 +3,9 @@
 import { useSuspenseQuery } from '@apollo/client';
 import classNames from 'classnames';
 import { useContext } from 'react';
-import HistoryDetailCard from '@/components/Card/History/Detail/HistoryDetailCard';
 import { ValueContextHistory } from '@/components/History/History.context';
 import HistoryCarousel from '@/components/HistoryCarousel/HistoryCarousel';
+import HistoryDetailCard from '@/components/HistoryDetailCard/HistoryDetailCard';
 import Button from '@/composable/Button/Button';
 import Spacer from '@/composable/Spacer/Spacer';
 import { GET_HISTORY_ITEM_BY_HISTORY_ID } from '@/gql/queries/history_item';

src/stories/Components/Card/History/HistoryCard.stories.tsx → src/stories/Components/HistoryCard.stories.tsx

@@ -1,11 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
 import HistoryCard, {
   HistoryCardProps,
-} from '@/components/Card/History/HistoryCard';
+} from '@/components/HistoryCard/HistoryCard';
 import { backgroundColorVariants } from '@/styles/common/color.css';
 
 const meta: Meta<typeof HistoryCard> = {
-  title: 'Components/Card/History/HistoryCard',
+  title: 'Components/HistoryCard',
   component: HistoryCard,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/History/HistoryCarousel/HistoryCarousel.stories.tsx → src/stories/Components/HistoryCarousel.stories.tsx

@@ -3,7 +3,7 @@ import HistoryCarousel from '@/components/HistoryCarousel/HistoryCarousel';
 import UserInfoProvider from '@/Provider/UserInfoProvider';
 
 const meta: Meta<typeof HistoryCarousel> = {
-  title: 'Components/History/Carousel',
+  title: 'Components/HistoryCarousel',
   component: HistoryCarousel,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/Card/History/Detail/HistoryDetailCard.stories.tsx → src/stories/Components/HistoryDetailCard.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import HistoryDetailCard, {
   HistoryDetailCardProps,
-} from '@/components/Card/History/Detail/HistoryDetailCard';
+} from '@/components/HistoryDetailCard/HistoryDetailCard';
 
 const Template = (args: HistoryDetailCardProps) => (
   <HistoryDetailCard {...args}>
@@ -11,7 +11,7 @@ const Template = (args: HistoryDetailCardProps) => (
 );
 
 const meta: Meta<typeof HistoryDetailCard> = {
-  title: 'Components/Card/History/Detail/HistoryDetailCard',
+  title: 'Components/HistoryDetailCard',
   component: Template,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/Card/History/Impact/HistoryImpactCard.stories.tsx → src/stories/Components/HistoryImpactCard.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import HistoryImpactCard, {
   HistoryImpactCardProps,
-} from '@/components/Card/History/Impact/HistoryImpactCard';
+} from '@/components/HistoryImpactCard/HistoryImpactCard';
 import UserInfoProvider from '@/Provider/UserInfoProvider';
 
 const Template = (args: HistoryImpactCardProps) => (
@@ -12,7 +12,7 @@ const Template = (args: HistoryImpactCardProps) => (
 );
 
 const meta: Meta<typeof HistoryImpactCard> = {
-  title: 'Components/Card/History/Impact/HistoryImpactCard',
+  title: 'Components/HistoryImpactCard',
   component: Template,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/History/HistorySummary/HistorySummary.stories.tsx → src/stories/Components/HistorySummary.stories.tsx

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { Suspense } from 'react';
-import { StaticContextPageInfo } from '@/app/context';
 import HistoryCarousel from '@/components/HistoryCarousel/HistoryCarousel';
 import HistorySummary, {
   HistorySummaryProps,
@@ -116,7 +115,7 @@ const CarouselTemplate = () => {
 };
 
 const meta: Meta<typeof Template> = {
-  title: 'Components/History/Summary',
+  title: 'Components/HistorySummary',
   component: Template,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/Card/ProjectCard.stories.tsx → src/stories/Components/ProjectCard.stories.tsx

@@ -1,13 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react';
 import ProjectCard, {
   ProjectCardProps,
-} from '@/components/Card/Project/ProjectCard';
+} from '@/components/ProjectCard/ProjectCard';
 import { jaeyoonColorTheme } from '@/styles/theme/jaeyoon.css';
 import { sungyeonColorTheme } from '@/styles/theme/sungyeon.css';
 import { yejiColorTheme } from '@/styles/theme/yeji.css';
 
 const meta: Meta<typeof ProjectCard> = {
-  title: 'Components/Card/ProjectCard',
+  title: 'Components/ProjectCard',
   component: ProjectCard,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },

src/stories/Components/Card/SkillCard.stories.tsx → src/stories/Components/SkillCard.stories.tsx

@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
-import SkillCard from '@/components/Card/Skill/SkillCard';
+import SkillCard from '@/components/SkillCard/SkillCard';
 import { backgroundColorVariants } from '@/styles/common/color.css';
 
 const meta: Meta<typeof SkillCard> = {
-  title: 'Components/Card/SkillCard',
+  title: 'Components/SkillCard',
   component: SkillCard,
   tags: ['autodocs'],
   parameters: { layout: 'fullscreen' },