refactor: 폴더 구조 변경, 네이밍 변경 (#90)

frontend/src/components/@common/LoadingDots/index.tsx

@@ -0,0 +1,3 @@
+import LoadingDots from './LoadingDots';
+
+export default LoadingDots;

frontend/src/components/@common/LoadingIndicator/LoadingIndicator.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LoadingIndicator from './LoadingIndicator';
+
+const meta: Meta<typeof LoadingIndicator> = {
+  title: 'Loading/LoadingIndicator',
+  component: LoadingIndicator,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof LoadingIndicator>;
+
+export const Default: Story = {
+  args: { size: 30 },
+};

frontend/src/components/@common/Loading/LoadingCeluveat.tsx → frontend/src/components/@common/LoadingIndicator/LoadingIndicator.tsx

@@ -3,11 +3,11 @@ import Cel from '~/assets/icons/celuveat_cel.svg';
 import Luv from '~/assets/icons/celuveat_luv.svg';
 import Eat from '~/assets/icons/celuveat_eat.svg';
 
-interface LoadingAnimationProps {
+interface LoadingIndicatorProps {
   size: number;
 }
 
-function LoadingAnimation({ size }: LoadingAnimationProps) {
+function LoadingIndicator({ size }: LoadingIndicatorProps) {
   return (
     <StyledLoadingAnimation>
       <StyledBouncing size={size}>
@@ -23,6 +23,8 @@ function LoadingAnimation({ size }: LoadingAnimationProps) {
   );
 }
 
+export default LoadingIndicator;
+
 const StyledLoadingAnimation = styled.div`
   display: flex;
   gap: 0.6rem;
@@ -72,5 +74,3 @@ const StyledBouncing = styled.div<{ size: number }>`
   background: none;
   animation: ${bounceAnimation} 1.6s ease-in-out infinite;
 `;
-
-export default LoadingAnimation;

frontend/src/components/@common/LoadingIndicator/index.tsx

@@ -0,0 +1,3 @@
+import LoadingIndicator from './LoadingIndicator';
+
+export default LoadingIndicator;

frontend/src/components/@common/Loading/Skeleton.stories.tsx → frontend/src/components/@common/Skeleton/Skeleton.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import Skeleton from './Skeleton';
 
 const meta: Meta<typeof Skeleton> = {
-  title: 'Loading/Skeleton',
+  title: 'Skeleton',
   component: Skeleton,
 };
 

frontend/src/components/@common/Skeleton/index.tsx

@@ -0,0 +1,3 @@
+import Skeleton from './Skeleton';
+
+export default Skeleton;