타입 재설정

apis/_api/auth.ts

@@ -4,7 +4,7 @@ import {
   NEXT_PUBLIC_KAKAO_URI,
 } from '@/constants/develop.constants';
 import { postRegistUserInfoPayload } from './type';
-import { QueryParams } from '@/pages/sign-in/[...callback]';
+import { QueryParams } from '@/utils/types/setting.types';
 import axios from 'axios';
 
 export const login = async (payload: QueryParams) => {

apis/_service/auth.service.ts

@@ -1,6 +1,6 @@
 import { authApi } from '@/apis/_api';
 import { postRegistUserInfoPayload } from '../_api/type';
-import { QueryParams } from '@/pages/sign-in/[...callback]';
+import { QueryParams } from '@/utils/types/setting.types';
 
 export const login = async (payload: QueryParams) => {
   const data = await authApi.login(payload);

apis/domain/SignIn/SignInApi.tsx

@@ -5,7 +5,7 @@ import {
   NEXT_PUBLIC_NAVER_URI,
 } from '@/constants/develop.constants';
 import { useRouter } from 'next/router';
-import { QueryParams } from '@/pages/sign-in/[...callback]';
+import { QueryParams } from '@/utils/types/setting.types';
 import { useState } from 'react';
 import { kakaoLogin } from '@/apis/_api/auth';
 

components/AgreeBlock/index.tsx

@@ -9,8 +9,8 @@ import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 interface AgreeBlockProps {
   title: string;
   buttonClick?: () => void;
-  checked: boolean;
-  setChecked: Dispatch<SetStateAction<boolean>>;
+  checked: Boolean;
+  setChecked: Dispatch<SetStateAction<Boolean>>;
   lastItem?: Boolean;
 }
 

components/BrandList/Brand/index.tsx

@@ -10,12 +10,6 @@ interface BrandProps {
   state?: Boolean;
 }
 
-export interface BrandType {
-  id: number;
-  name: string;
-  state?: Boolean;
-}
-
 export default function Brand({
   keyword,
   name,

components/BrandList/index.tsx

@@ -1,5 +1,6 @@
 import { Dispatch, SetStateAction, useEffect } from 'react';
-import Brand, { BrandType } from './Brand';
+import Brand from './Brand';
+import { BrandType } from '@/utils/types/OOTD.types';
 import S from './style';
 import useEffectAfterMount from '@/hooks/useEffectAfterMount';
 

components/Card/CardLayout/index.tsx

@@ -1,5 +1,5 @@
 import { Layout, CardBody } from './style';
-import { CardProps } from '../type';
+import { CardProps } from '@/utils/types/card.type';
 import ImageWithCaption from '@/components/UI/ImageWithCaption';
 
 export default function Card(props: CardProps) {

components/Card/MainFavoriteCard/index.tsx

@@ -5,16 +5,7 @@ import LikeToggle from '@/components/Toggle/LikeToggle';
 import { useState } from 'react';
 import Link from 'next/link';
 import { OOTDApi } from '@/apis/domain/OOTD/OOTDApi';
-
-export interface MainFavoriteCardProps {
-  ootdId: number;
-  ootdImageUrl: string;
-  ootdImageCount: number;
-  writerId: number;
-  writerProfileImage?: string;
-  writerName: string;
-  onClick?: () => void;
-}
+import { MainFavoriteCardProps } from '@/utils/types/OOTD.types';
 
 export default function MainFavoriteCard({
   ootdId,

components/Card/MainTopUserCard/index.tsx

@@ -1,5 +1,5 @@
 import { Body4, Title2 } from '@/components/UI';
-import { CardComponentProps } from '../type';
+import { CardComponentProps } from '@/utils/types/card.type';
 import Card from '../CardLayout';
 import { Layout } from './style';
 

components/Carousel/index.tsx

@@ -5,11 +5,11 @@ import Slider from 'react-slick';
 interface CarouselProps {
   children: React.ReactNode;
   slidesToShow: number;
-  infinite: Boolean;
+  infinite: boolean;
   ParentRef?: React.MutableRefObject<Slider | null>;
   afterChange?: (currentIndex: number) => void;
   beforeChange?: (currentIndex: number, nextIndex: number) => void;
-  swipe?: boolean;
+  swipe?: Boolean;
   dots?: boolean;
   initialSlide?: number;
 }

components/ClothCategory/index.tsx

@@ -1,7 +1,7 @@
 import S from './style';
 import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { Body3 } from '@/components/UI';
-import { CategoryListType } from '../Domain/AddCloth/ClothCategoryModal';
+import { CategoryListType } from '@/utils/types/OOTD.types';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
 
 interface ClothCategoryModalProps {

components/ClothInformation/TagInformation/index.tsx

@@ -1,7 +1,7 @@
 import { Body4, Title2 } from '@/components/UI';
 import S from './style';
 import Image from 'next/image';
-import { ClothInformationProps } from '../type';
+import { ClothInformationProps } from '@/utils/types/cloth.types';
 import { AiFillCloseCircle } from 'react-icons/ai';
 
 export default function TagInformation({

components/ClothInformation/index.tsx

@@ -1,4 +1,4 @@
-import { ClothInformationProps } from './type';
+import { ClothInformationProps } from '@/utils/types/cloth.types';
 import S from './style';
 import { Body4, Title2 } from '../UI';
 import ImageWithCaption from '../UI/ImageWithCaption';

components/ColorList/index.tsx

@@ -2,13 +2,7 @@ import { Dispatch, SetStateAction, useEffect, useLayoutEffect } from 'react';
 import S from './style';
 import ColorSpan from './ColorSpan';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
-
-export type ColorListType = {
-  id: number;
-  name: string;
-  colorCode: string;
-  state: Boolean;
-}[];
+import { ColorListType } from '@/utils/types/OOTD.types';
 
 interface ColorListProps {
   colorList: ColorListType;

components/Comment/index.tsx

@@ -4,28 +4,7 @@ import S from './style';
 import Avatar from '@/public/images/Avatar.svg';
 import { OOTDApi } from '@/apis/domain/OOTD/OOTDApi';
 import NextImage from '../NextImage';
-
-export interface CommentProps {
-  id: number;
-  userId: number;
-  userImage: string;
-  userName: string;
-  content: string;
-  timeStamp: string;
-  type?: 'child';
-  view?: 'preview';
-  onClickReplyButton?: () => void;
-  taggedUserName?: string;
-  myComment?: Boolean;
-  parentId?: number;
-  reRender: number;
-  depth?: number;
-  setReRender: Dispatch<SetStateAction<number>>;
-  setDeclaration: Dispatch<SetStateAction<Boolean>>;
-  setReportUserName: Dispatch<SetStateAction<string>>;
-  setReportID: Dispatch<SetStateAction<number>>;
-  setBlockID: Dispatch<SetStateAction<number>>;
-}
+import { CommentProps } from '@/utils/types/OOTD.types';
 
 function Comment({
   id,

components/DeclarationModal/index.tsx

@@ -6,7 +6,7 @@ import { Button3, Caption1, Title1 } from '../UI';
 import WithdrawBlock from '../Setting/WithdrawBlock';
 import ReportApi from '@/apis/domain/Report/ReportApi';
 
-export type withdrawBlockType = {
+type withdrawBlockType = {
   id: number;
   message: string;
 }[];
@@ -30,7 +30,7 @@ export default function DeclarationModal({
   setReceivedDeclaration,
   setReportStatus,
 }: DeclarationModalProps) {
-  const [checks, setChecks] = useState<Array<boolean>>([
+  const [checks, setChecks] = useState<Array<Boolean>>([
     false,
     false,
     false,
@@ -40,7 +40,7 @@ export default function DeclarationModal({
     false,
     false,
   ]);
-  const [possible, setPossible] = useState<boolean>(false);
+  const [possible, setPossible] = useState<Boolean>(false);
 
   useEffect(() => {
     setPossible(checks.some((check) => check));
@@ -63,7 +63,7 @@ export default function DeclarationModal({
 
   const onClickDeclarationButton = async () => {
     const trueIndices: number[] = checks.reduce(
-      (acc: number[], currentValue: boolean, currentIndex: number) => {
+      (acc: number[], currentValue: Boolean, currentIndex: number) => {
         if (currentValue === true) {
           acc.push(currentIndex);
         }

components/Domain/AddCloth/BrandModal/index.tsx

@@ -3,14 +3,14 @@ import S from './style';
 import { Body4, Button3, Title1 } from '@/components/UI';
 import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import BrandList from '@/components/BrandList';
-import { BrandType } from '@/components/BrandList/Brand';
 import SearchBar from '@/components/SearchBar';
 import { AiOutlineClose } from 'react-icons/ai';
 import NextButton from '@/components/NextButton';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
 import CheckBoxTrue from '@/public/images/CheckBoxTrue.svg';
 import CheckBoxFalse from '@/public/images/CheckBoxFalse.svg';
 import Image from 'next/image';
+import { BrandType } from '@/utils/types/OOTD.types';
 
 interface BrandModalProps {
   brandModalIsOpen: Boolean;

components/Domain/AddCloth/ClothCategoryModal/index.tsx

@@ -5,6 +5,7 @@ import { Title1 } from '@/components/UI';
 import NextButton from '@/components/NextButton';
 import ClothCategory from '@/components/ClothCategory';
 import { AiOutlineClose } from 'react-icons/ai';
+import { CategoryListType } from '@/utils/types/OOTD.types';
 
 interface ClothCategoryModalProps {
   isOpen: Boolean;
@@ -13,19 +14,6 @@ interface ClothCategoryModalProps {
   categoryInitial?: CategoryListType[] | null;
 }
 
-export type CategoryType = {
-  id: number;
-  name: string;
-  state?: Boolean;
-};
-
-export type CategoryListType = {
-  id: number;
-  name: string;
-  state?: Boolean;
-  detailCategories?: CategoryType[];
-};
-
 export default function ClothCategoryModal({
   isOpen,
   setIsOpen,

components/Domain/AddCloth/ClothSizeModal/index.tsx

@@ -5,6 +5,7 @@ import { Body2, Title1 } from '@/components/UI';
 import NextButton from '@/components/NextButton';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
 import { AiOutlineClose } from 'react-icons/ai';
+import { SizeItem } from '@/utils/types/OOTD.types';
 
 interface ClothSizeProps {
   isOpen: Boolean;
@@ -14,11 +15,6 @@ interface ClothSizeProps {
   clothSizeInitial: SizeItem | null;
 }
 
-export type SizeItem = {
-  id: number;
-  name: string;
-};
-
 export type SizeListType = SizeItem[][];
 
 export default function ClothSizeModal({

components/Domain/AddCloth/ColorModal/index.tsx

@@ -5,8 +5,9 @@ import NextButton from '@/components/NextButton';
 import { AiOutlineClose } from 'react-icons/ai';
 import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import React from 'react';
-import ColorList, { ColorListType } from '@/components/ColorList';
+import ColorList from '@/components/ColorList';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
+import { ColorListType } from '@/utils/types/OOTD.types';
 interface ColorModalProps {
   isOpen: Boolean;
   setIsOpen: Dispatch<SetStateAction<Boolean>>;

components/Domain/AddCloth/WhereToBuyModal/index.tsx

@@ -4,7 +4,7 @@ import Input from '@/components/Input';
 import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
 import Modal from '@/components/Modal';
 import NextButton from '@/components/NextButton';
-import { ClothWhereBuy } from '@/pages/add-cloth';
+import { ClothWhereBuy } from '@/utils/types/OOTD.types';
 import { AiOutlineClose } from 'react-icons/ai';
 
 interface WhereToBuyModal {

components/Domain/AddOOTD/StyleModal/index.tsx

@@ -3,7 +3,7 @@ import S from './style';
 import { AiOutlineClose } from 'react-icons/ai';
 import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import Input from '@/components/Input';
-import { Style } from '@/pages/add-ootd';
+import { Style } from '@/utils/types/OOTD.types';
 import NextButton from '@/components/NextButton';
 import Modal from '@/components/Modal';
 import { OOTDApi } from '@/apis/domain/OOTD/OOTDApi';

components/Domain/AddOOTD/TagModal/NewRegister/index.tsx

@@ -1,7 +1,7 @@
 import { Body3, Button3, Headline2 } from '@/components/UI';
 import S from './style';
 import { useRouter } from 'next/router';
-import { ImageWithTag } from '..';
+import { ImageWithTag } from '@/utils/types/OOTD.types';
 import { useSetRecoilState } from 'recoil';
 import { storedImageKey } from '@/utils/recoil/atom';
 

components/Domain/AddOOTD/TagModal/index.tsx

@@ -10,30 +10,14 @@ import useInfiniteScroll from '@/hooks/useInfiniteScroll';
 import ClothApi from '@/apis/domain/Cloth/ClothApi';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
 import { storedImageKey, userId } from '@/utils/recoil/atom';
-import { UserClothDataType } from '../../OOTD/UserCloth';
+import { UserClothDataType } from '@/utils/types/cloth.types';
 import Spinner from '@/components/Spinner';
 import useEffectAfterMount from '@/hooks/useEffectAfterMount';
 import Toast from '@/components/Toast';
 import { useRouter } from 'next/router';
 import Alert from '@/components/Alert';
 import Background from '@/components/Background';
-
-export type ImageWithTag = {
-  ootdId: number;
-  ootdImage: string;
-  ootdImageClothesList?: {
-    clothesId: number;
-    clothesImage: string;
-    coordinate: { xrate: string; yrate: string };
-    deviceSize: { deviceWidth: number; deviceHeight: number };
-    caption: string;
-    size?: string;
-    state?: string;
-    name?: string;
-    brand?: string;
-    category?: string;
-  }[];
-}[];
+import { ImageWithTag } from '@/utils/types/OOTD.types';
 
 interface AddTagProps {
   setAddTag: Dispatch<SetStateAction<Boolean>>;

components/Domain/Alarm/index.tsx

@@ -5,20 +5,7 @@ import Avatar from '@/public/images/Avatar.svg';
 import { useRouter } from 'next/router';
 import { AlarmApi } from '@/apis/domain/Alarm/AlarmApi';
 import React from 'react';
-
-export interface AlarmType {
-  id: number;
-  profileImage: string | null;
-  timeType: string;
-  timeStamp: string;
-  message: string;
-  userName: string;
-  content?: string;
-  contentImage?: string;
-  goUrl: string;
-  userId: number;
-  className: string;
-}
+import { AlarmType } from '@/utils/types/setting.types';
 
 export default function Alarms({
   id,

components/Domain/Main/Explore/index.tsx

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { useRouter } from 'next/router';
 import useInfiniteScroll from '@/hooks/useInfiniteScroll';
 import { OOTDApi } from '@/apis/domain/OOTD/OOTDApi';
-import { OOTDListType } from '../../Search/SearchResult/ClosetCloth';
+import { OOTDListType } from '@/utils/types/OOTD.types';
 import useEffectAfterMount from '@/hooks/useEffectAfterMount';
 import SubHead from '../../Search/SearchResult/SubHead';
 import ImageList from '@/components/ImageList';