Feat/refactor/rename components/DEVING-64 경로 내의 components를 _features로 변경

src/app/(user-page)/components/ModalUserList.tsx → src/app/(user-page)/my-meeting/_features/ModalUserList.tsx

@@ -2,10 +2,10 @@
 import { useBannerQueries } from '@/hooks/queries/useMyPageQueries';
 import Image from 'next/image';
 import React from 'react';
 import { Dispatch, SetStateAction, useState } from 'react';
 import type { Member } from 'types/myMeeting';
 
-import { Button } from '../../../components/ui/Button';
+import { Button } from '../../../../components/ui/Button';
 
 const ModalUserList = ({
   memberList,
@@ -18,7 +18,7 @@
   setIsUserProfileModalOpen: Dispatch<SetStateAction<boolean>>;
   setIsUserListModalOpen: Dispatch<SetStateAction<boolean>>;
 }) => {
   const { data: currentUser, isLoading, error } = useBannerQueries();
 
   const handleProfileClick = (user: Member) => {
     setSelectedUser(user);

src/app/(user-page)/my-meeting/layout.tsx

@@ -1,4 +1,4 @@
-import MeetingTypeTab from '../components/MeetingTypeTab';
+import MeetingTypeTab from './_features/MeetingTypeTab';
 
 export default function layout({
   children,

src/app/(user-page)/my-meeting/my/page.tsx

@@ -1,8 +1,8 @@
 import NotYet from '@/components/common/NotYet';
 
-import Created from '../../components/Created';
+import Created from '../_features/Created';
 // import Joined from '../../components/Joined';
-import Tab from '../../components/Tab';
+import Tab from '../_features/Tab';
 
 export default function Page({
   searchParams,

src/app/(user-page)/mypage/MyPageClient.tsx

@@ -3,14 +3,14 @@
 import { useState } from 'react';
 
 // 컴포넌트 임포트
-import BasicEdit from './components/BasicEdit';
-import BasicInfo from './components/BasicInfo';
-import ContactEdit from './components/ContactEdit';
-import ContactInfo from './components/ContactInfo';
-import PasswordEdit from './components/PasswordEdit';
-import PasswordInfo from './components/PasswordInfo';
-import TechStackEdit from './components/TechStackEdit';
-import TechStackInfo from './components/TechStackInfo';
+import BasicEdit from './_features/BasicEdit';
+import BasicInfo from './_features/BasicInfo';
+import ContactEdit from './_features/ContactEdit';
+import ContactInfo from './_features/ContactInfo';
+import PasswordEdit from './_features/PasswordEdit';
+import PasswordInfo from './_features/PasswordInfo';
+import TechStackEdit from './_features/TechStackEdit';
+import TechStackInfo from './_features/TechStackInfo';
 
 // 기본 내보내기 (모든 섹션을 관리하는 상위 컴포넌트)
 const MyPageClient = () => {

src/app/(user-page)/mypage/page.tsx

@@ -1,5 +1,5 @@
 import MyPageClient from './MyPageClient';
-import ProfileImage from './components/ProfileImage';
+import ProfileImage from './_features/ProfileImage';
 
 export default function MyPage() {
   return (

src/app/login/page.tsx

@@ -1,8 +1,8 @@
 import { Button } from '@/components/ui/Button';
 import { baseURL } from '@/lib/axios/defaultConfig';
 
-import DummyUser from './components/DummyUser';
-import LoginForm from './components/LoginForm';
+import DummyUser from './_features/DummyUser';
+import LoginForm from './_features/LoginForm';
 
 export const metadata = {
   metadataBase: new URL(`${baseURL}/login`),

src/app/meeting/[category]/[id]/page.tsx

@@ -1,13 +1,13 @@
 import FloatingButtonGroup from '@/components/common/FloatingButtonGroup';
 import ReviewAvgCard from '@/components/common/review/ReviewAvgCard';
 
-import BackButton from '../../components/BackButton';
-import CardWrapper from '../../components/CardWrapper';
-import ContentLabel from '../../components/ContextLabel';
-import MeetingInfo from '../../components/MeetingInfo';
-import ReviewInput from '../../components/ReviewInput';
-import ReviewList from '../../components/ReviewList';
-import UserInfo from '../../components/UserInfo';
+import BackButton from '../../_features/BackButton';
+import CardWrapper from '../../_features/CardWrapper';
+import ContentLabel from '../../_features/ContextLabel';
+import MeetingInfo from '../../_features/MeetingInfo';
+import ReviewInput from '../../_features/ReviewInput';
+import ReviewList from '../../_features/ReviewList';
+import UserInfo from '../../_features/UserInfo';
 
 export default function page({ params }: { params: { id: string } }) {
   const meetingId = parseInt(params.id);

src/app/meeting/[category]/page.tsx

@@ -1,8 +1,8 @@
 import FloatingButtonGroup from '@/components/common/FloatingButtonGroup';
 import { notFound } from 'next/navigation';
 
-import MeetingList from '../components/MeetingList';
-import RecommendMeeting from '../components/RecommendMeeting';
+import MeetingList from '../_features/MeetingList';
+import RecommendMeeting from '../_features/RecommendMeeting';
 
 const ALLOWED_CATEGORIES = ['mogakco', 'study', 'side-project', 'hobby']; // 허용된 카테고리 리스트
 

src/app/meeting/components/UserInfo.tsx → src/app/meeting/_features/UserInfo.tsx

@@ -1,12 +1,10 @@
 'use client';
 
-import SelectedTechList from '@/components/ui/tech-stack/tech-stack-components/SelectedTechList';
 import TechButton from '@/components/ui/tech-stack/tech-stack-components/TechButton';
 import { useDetailUserQueries } from '@/hooks/queries/useMeetingQueries';
 import { getIconComponent } from '@/util/getIconDetail';
 import Image from 'next/image';
 
-import thumbnail from '../../../assets/thumbnail.png';
 import SkeletonUserInfo from './skeletons/SkeletonUserInfo';
 
 const UserInfo = ({ meetingId }: { meetingId: number }) => {

src/app/meeting/components/form/MeetingForm.tsx → src/app/meeting/_features/form/MeetingForm.tsx

@@ -13,15 +13,15 @@ import {
   SubmitButton,
   TechStackField,
   TitleField,
-} from '@/app/meeting/components/form/form-filed';
+} from '@/app/meeting/_features/form/form-filed';
 import useMeetingFormMutation from '@/hooks/mutations/useMeetingFormMutation';
 import { convertImageToBase64 } from '@/util/base64';
 import { useRouter } from 'next/navigation';
 import React from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { CreateMeetingPayload } from 'types/meetingForm';
 
-import { MEETING_TYPES } from '../../constants/meeting-form/meetingConstants';
+import { MEETING_TYPES } from '../../../../constants/meeting-form/meetingConstants';
 
 interface MeetingFormProps {
   mode: 'create' | 'edit';

src/app/meeting/components/form/form-filed/CategoryField.tsx → src/app/meeting/_features/form/form-filed/CategoryField.tsx

@@ -1,5 +1,5 @@
-import { MEETING_TYPES } from '@/app/meeting/constants/meeting-form/meetingConstants';
 import { cn } from '@/util/cn';
+import { MEETING_TYPES } from 'constants/meeting-form/meetingConstants';
 import { Check } from 'lucide-react';
 import { Controller, useFormContext } from 'react-hook-form';
 import { CreateMeetingPayload } from 'types/meetingForm';

src/app/meeting/components/form/form-filed/ImageField.tsx → src/app/meeting/_features/form/form-filed/ImageField.tsx

@@ -1,6 +1,6 @@
-import { IMAGE_CONFIG } from '@/app/meeting/constants/meeting-form/meetingConstants';
 import { Button } from '@/components/ui/Button';
 import { validateImageSize, validateImageType } from '@/util/base64';
+import { IMAGE_CONFIG } from 'constants/meeting-form/meetingConstants';
 import { Image as ImageIcon } from 'lucide-react';
 import Image from 'next/image';
 import React, { useEffect, useState } from 'react';

src/app/meeting/components/form/form-filed/PrivacyField.tsx → src/app/meeting/_features/form/form-filed/PrivacyField.tsx

@@ -1,5 +1,5 @@
-import { PRIVACY_OPTIONS } from '@/app/meeting/constants/meeting-form/meetingConstants';
 import { cn } from '@/util/cn';
+import { PRIVACY_OPTIONS } from 'constants/meeting-form/meetingConstants';
 import { Check } from 'lucide-react';
 import { Controller, useFormContext } from 'react-hook-form';
 import { CreateMeetingPayload } from 'types/meetingForm';

src/app/meeting/components/form/form-filed/RequireApprovalField.tsx → src/app/meeting/_features/form/form-filed/RequireApprovalField.tsx

@@ -1,5 +1,5 @@
-import { JOIN_METHODS } from '@/app/meeting/constants/meeting-form/meetingConstants';
 import { cn } from '@/util/cn';
+import { JOIN_METHODS } from 'constants/meeting-form/meetingConstants';
 import { Check } from 'lucide-react';
 import { Controller, useFormContext } from 'react-hook-form';
 import { CreateMeetingPayload } from 'types/meetingForm';

src/app/meeting/create-meeting/page.tsx

@@ -1,4 +1,4 @@
-import MeetingForm from '../components/form/MeetingForm';
+import MeetingForm from '../_features/form/MeetingForm';
 
 export default async function CreateMeetingPage() {
   return <MeetingForm mode="create" />;

src/app/signup/page.tsx

@@ -1,6 +1,6 @@
 import { baseURL } from '@/lib/axios/defaultConfig';
 
-import SignupForm from './components/SignupForm';
+import SignupForm from './_features/SignupForm';
 
 export const metadata = {
   metadataBase: new URL(`${baseURL}/signup`),

src/hooks/useCard.tsx

@@ -1,9 +1,9 @@
-import ModalBeforeLogin from '@/app/meeting/components/modal-content/ModalBeforeLogin';
-import ModalCancel from '@/app/meeting/components/modal-content/ModalCancel';
-import ModalRegisterCheck from '@/app/meeting/components/modal-content/ModalRegisterCheck';
-import ModalRegisterComplete from '@/app/meeting/components/modal-content/ModalRegisterComplete';
-import ModalRegisterInput from '@/app/meeting/components/modal-content/ModalRegisterInput';
-import ModalRegisterWait from '@/app/meeting/components/modal-content/ModalRegisterWait';
+import ModalBeforeLogin from '@/app/meeting/_features/modal-content/ModalBeforeLogin';
+import ModalCancel from '@/app/meeting/_features/modal-content/ModalCancel';
+import ModalRegisterCheck from '@/app/meeting/_features/modal-content/ModalRegisterCheck';
+import ModalRegisterComplete from '@/app/meeting/_features/modal-content/ModalRegisterComplete';
+import ModalRegisterInput from '@/app/meeting/_features/modal-content/ModalRegisterInput';
+import ModalRegisterWait from '@/app/meeting/_features/modal-content/ModalRegisterWait';
 import { getAccessToken } from '@/lib/serverActions';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';