refactor: 컴포넌트들 위치 변경

src/components/header/AlarmList/index.tsx → src/components/AlarmList/index.tsx

@@ -2,8 +2,8 @@ import { RefObject } from 'react';
 
 import classNames from 'classnames/bind';
 
-import AlarmCard from '@/components/header/AlarmCard';
-import EmptyAlarm from '@/components/header/EmptyAlarmCard';
+import AlarmCard from '@/components/cards/AlarmCard';
+import EmptyAlarm from '@/components/cards/EmptyAlarmCard';
 
 import styles from './AlarmList.module.scss';
 

src/components/header/Header/index.tsx → src/components/Header/index.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames/bind';
 
 import { SVGS } from '@/constants';
 
-import Menu from '@/components/header/Menu';
+import Menu from '@/components/Menu';
 
 import styles from './Header.module.scss';
 

src/components/buttons/index.ts

@@ -3,3 +3,5 @@ export * from './CountButton';
 export * from './MoreButton';
 export * from './OperationButton';
 export * from './CardButton';
+export * from './HeaderSigninButton';
+export * from './HeaderSignupButton';

src/components/header/AlarmCard/index.tsx → src/components/cards/AlarmCard.tsx

@@ -16,7 +16,7 @@ type AlarmCardProps = {
   onClick: (id: number) => void;
 };
 
-const AlarmCard = ({ id, content, createdAt, onClick }: AlarmCardProps) => {
+export const AlarmCard = ({ id, content, createdAt, onClick }: AlarmCardProps) => {
   const { isVisible: hoverState, handleToggleClick: handleToggleState } = useToggleButton();
 
   return (
@@ -41,5 +41,3 @@ const AlarmCard = ({ id, content, createdAt, onClick }: AlarmCardProps) => {
     </div>
   );
 };
-
-export default AlarmCard;

src/components/header/EmptyAlarmCard/index.tsx → src/components/cards/EmptyAlarmCard.tsx

@@ -12,13 +12,11 @@ type EmptyAlarmCardProps = {
   emptyAlarmText: string;
 };
 
-const EmptyAlarmCard = ({ emptyAlarmText }: EmptyAlarmCardProps) => {
+export const EmptyAlarmCard = ({ emptyAlarmText }: EmptyAlarmCardProps) => {
   return (
     <div className={cx('empty-alarm')}>
       <img src={url} alt={alt} width={24} height={24} />
       <span className={cx('text')}>{emptyAlarmText}</span>
     </div>
   );
 };
-
-export default EmptyAlarmCard;

src/components/cards/index.ts

@@ -1,2 +1,4 @@
+export * from './AlarmCard';
 export * from './Card';
 export * from './CardSkeleton';
+export * from './EmptyAlarmCard';