rechore: 디렉토리 구조 변경

type을 관리하는 type.d.ts 파일 생성
page 디렉토리에는 page, Vpage, type만 있도록 구현

src/pages/editProfile/EditAddressInputGroup.tsx

@@ -1,4 +1,4 @@
-import VAddressInputGroup from 'pages/signUp/VAddressInputGroup';
+import VAddressInputGroup from 'pages/signUp/components/VAddressInputGroup';
 import { useRecoilState } from 'recoil';
 import { shelterSignupState } from 'recoil/shelterState';
 

src/pages/signUp/signupType.d.ts

@@ -0,0 +1,38 @@
+import { ShelterSignupType } from 'recoil/shelterState';
+
+export interface EmailConfirmProps {
+  isValid: boolean;
+  checked: boolean;
+}
+
+export interface LoadingProps {
+  submitIsLoading: boolean;
+  duplicateCheckIsLoading: boolean;
+}
+
+export interface EmailValidationProps {
+  validText: string;
+  inValidText: string;
+  emailConfirmObj: EmailConfirmProps;
+}
+
+export interface AddressInputProps {
+  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  shelterInfo: ShelterSignupType;
+}
+
+export interface VSignupInputProps {
+  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+  duplicateCheck: () => void;
+  emailValidText: string;
+  emailInValidText: string;
+  passwordConfirm: boolean;
+  errors: Partial<ShelterSignupType>;
+  isLoading: LoadingProps;
+}
+
+export interface ValidationProps {
+  text?: string;
+  className: string;
+}

src/pages/signUp/VSignupPage.tsx

@@ -1,6 +1,6 @@
 import Banner from 'commons/Banner';
 import LogoButton from 'commons/LogoButton';
-import SignupInputForm from 'pages/signUp/SignupInputForm';
+import SignupInputForm from 'pages/signUp/components/SignupInputForm';
 
 type Props = {
   redirectLoginPage: () => void;

src/pages/signUp/AddressInputGroup.tsx → src/pages/signUp/components/AddressInputGroup.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useRecoilState } from 'recoil';
 import { shelterSignupState } from 'recoil/shelterState';
 import VAddressInputGroup from './VAddressInputGroup';

src/pages/signUp/SignupInputForm.tsx → src/pages/signUp/components/SignupInputForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useRecoilState } from 'recoil';
 import * as Yup from 'yup';
@@ -7,7 +7,7 @@ import {
   EmailConfirmProps,
   EmailValidationProps,
   LoadingProps,
-} from './SignUpType';
+} from '../signupType';
 import VSignupInputForm from './VSignupInputForm';
 
 const SignupInputForm = () => {

src/pages/signUp/VAddressInputGroup.tsx → src/pages/signUp/components/VAddressInputGroup.tsx

@@ -1,13 +1,11 @@
 import Container from 'commons/Container';
 import Postcode from 'commons/PostCode';
-import { ShelterSignupType } from 'recoil/shelterState';
+import { AddressInputProps } from '../signupType';
 
-interface Props {
-  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  shelterInfo: ShelterSignupType;
-}
-
-const VAddressInputGroup = ({ handleChange, shelterInfo }: Props) => {
+const VAddressInputGroup = ({
+  handleChange,
+  shelterInfo,
+}: AddressInputProps) => {
   return (
     <Container className="flex flex-col gap-4 w-full">
       <div className="flex flex-col gap-2">

src/pages/signUp/VSignupInputForm.tsx → src/pages/signUp/components/VSignupInputForm.tsx

@@ -1,25 +1,7 @@
-import AddressInputGroup from 'pages/signUp/AddressInputGroup';
+import AddressInputGroup from 'pages/signUp/components/AddressInputGroup';
 import InputGroup from 'commons/InputGroup';
-import React from 'react';
 import { ClipLoader } from 'react-spinners';
-import { ShelterSignupType } from 'recoil/shelterState';
-import { LoadingProps } from './SignUpType';
-
-interface VSignupInputProps {
-  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-  handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
-  duplicateCheck: () => void;
-  emailValidText: string;
-  emailInValidText: string;
-  passwordConfirm: boolean;
-  errors: Partial<ShelterSignupType>;
-  isLoading: LoadingProps;
-}
-
-interface ValidationProps {
-  text?: string;
-  className: string;
-}
+import { VSignupInputProps, ValidationProps } from '../signupType';
 
 const ValidateText = ({ text, className }: ValidationProps) => {
   return text ? <div className={className}>{text}</div> : null;