refactor: .client, .server name 컨벤션 제거

packages/web/src/apis/groups/mutations.tsx

@@ -18,7 +18,7 @@ import { GroupDetailResponse } from './type';
 import { MeetingScrapResponse } from '../meeting';
 import { Keys as MeetingKeys } from '../meeting/keys';
 
-import FeedbackCompleteModal from '@/app/[lng]/(main)/meeting/participate/feedback/[groupId]/funnels/step3/FeedbackCompleteModal.client';
+import FeedbackCompleteModal from '@/app/[lng]/(main)/meeting/participate/feedback/[groupId]/funnels/step3/FeedbackCompleteModal';
 import useAppRouter from '@/hooks/useAppRouter';
 import { useModal } from '@/hooks/useModal';
 

packages/web/src/app/[lng]/(main)/chat/page.tsx

@@ -0,0 +1,3 @@
+export default function ChatPage() {
+ return <div></div>;
+}

packages/web/src/app/[lng]/(main)/grouping/[groupId]/apply/components/InputForm.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/apply/components/InputForm.tsx

@@ -2,7 +2,7 @@
 
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import ApplyModal from './ApplyModal.client';
+import ApplyModal from './ApplyModal';
 
 import { usePostApply } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/apply/page.tsx

@@ -1,5 +1,5 @@
 import ApplyHeader from './components/ApplyHeader';
-import InputForm from './components/InputForm.client';
+import InputForm from './components/InputForm';
 
 import { serverTranslation } from '@/app/i18n';
 import { Spacing } from '@/components/Spacing';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/articles/[articleId]/components/ArticleDetail.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/articles/[articleId]/components/ArticleDetail.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import CommentList from './CommentList.client';
+import CommentList from './CommentList';
 
 import { useGetArticle, useGetGroupDetail } from '@/apis/groups';
-import ArticleItem from '@/app/[lng]/(main)/grouping/components/ArticleItem.client';
+import ArticleItem from '@/app/[lng]/(main)/grouping/components/ArticleItem';
 import { useTranslation } from '@/app/i18n/client';
 import { Divider } from '@/components/Divider';
 import { Spacing } from '@/components/Spacing';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/articles/[articleId]/page.tsx

@@ -1,5 +1,5 @@
-import ArticleDetail from './components/ArticleDetail.client';
-import ArticleHeader from './components/ArticleHeader.client';
+import ArticleDetail from './components/ArticleDetail';
+import ArticleHeader from './components/ArticleHeader';
 import CommentForm from './components/CommentForm';
 
 import { Keys, getArticle } from '@/apis/groups';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/GroupDetail.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/GroupDetail.tsx

@@ -3,7 +3,7 @@
 import dynamic from 'next/dynamic';
 import { Suspense } from 'react';
 
-import TopSection from './TopSection.client';
+import TopSection from './TopSection';
 
 import { useGetGroupDetail } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';
@@ -12,8 +12,8 @@ import { Spacing } from '@/components/Spacing';
 import { Tabs } from '@/components/Tabs';
 import { useNumberParams } from '@/hooks/useNumberParams';
 
-const DetailContent = dynamic(() => import('./detail/DetailContent.client'));
-const ArticlesContent = dynamic(() => import('./articles/ArticlesContent.client'));
+const DetailContent = dynamic(() => import('./detail/DetailContent'));
+const ArticlesContent = dynamic(() => import('./articles/ArticlesContent'));
 
 export default function GroupDetailPage() {
  const { t } = useTranslation('groupDetail');

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/GroupDetailHeader.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/GroupDetailHeader.tsx

@@ -2,16 +2,16 @@
 
 import { Suspense } from 'react';
 
-import BlockDoneModal from '../../components/BlockDoneModal.client';
-import ReportDoneModal from '../../components/ReportDoneModal.client';
-import WarningModal from '../../components/WarningModal.client';
+import BlockDoneModal from '../../components/BlockDoneModal';
+import ReportDoneModal from '../../components/ReportDoneModal';
+import WarningModal from '../../components/WarningModal';
 
 import { useDeleteGroupMember, useGetGroupDetail } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';
 import { IconButton } from '@/components/Button';
 import { Header } from '@/components/Header';
 import { Icon } from '@/components/Icon';
-import MoreBottomSheet from '@/components/Modal/MoreBottomSheet.client';
+import MoreBottomSheet from '@/components/Modal/MoreBottomSheet';
 import useAppRouter from '@/hooks/useAppRouter';
 import { useModal } from '@/hooks/useModal';
 import { useNumberParams } from '@/hooks/useNumberParams';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/ArticleSection.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/ArticleSection.tsx

@@ -2,7 +2,7 @@
 
 import { GroupDetailResponse } from '@/apis/groups';
 import { useGetArticles } from '@/apis/groups/queries';
-import ArticleItem from '@/app/[lng]/(main)/grouping/components/ArticleItem.client';
+import ArticleItem from '@/app/[lng]/(main)/grouping/components/ArticleItem';
 import { ItemList } from '@/components/List';
 import { useNumberParams } from '@/hooks/useNumberParams';
 import { useBlockStore } from '@/store/useBlockStore';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/ArticlesContent.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/ArticlesContent.tsx

@@ -1,7 +1,7 @@
 import { usePathname } from 'next/navigation';
 
-import ArticleSection from './ArticleSection.client';
-import NoticeSection from './NoticeSection.client';
+import ArticleSection from './ArticleSection';
+import NoticeSection from './NoticeSection';
 
 import { useGetGroupDetail } from '@/apis/groups';
 import { FloatAddButton } from '@/components/Button';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/NoticeItem.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/NoticeItem.tsx

@@ -1,4 +1,5 @@
-import WarningModal from '../../../components/WarningModal.client';
+import WarningModal from '../../../components/WarningModal';
+
 import { type Notice, useDeleteArticle } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';
 import { Icon } from '@/components/Icon';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/NoticeSection.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/articles/NoticeSection.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import NoticeItem from './NoticeItem.client';
+import NoticeItem from './NoticeItem';
 
 import { GroupDetailResponse, useGetNotices } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/detail/DetailContent.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/components/detail/DetailContent.tsx

@@ -1,9 +1,9 @@
 'use client';
 import { usePathname } from 'next/navigation';
 
-import LocationSection from './LocationSection.client';
-import MemberSection from './MemberSection.client';
-import TimeSection from './TimeSection.client';
+import LocationSection from './LocationSection';
+import MemberSection from './MemberSection';
+import TimeSection from './TimeSection';
 
 import { useGetGroupDetail } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/manage/components/ManageDetail.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/manage/components/ManageDetail.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import Glider from 'react-glider';
 
-import ApplyCard from './ApplyCard.client';
+import ApplyCard from './ApplyCard';
 
 import { useGetApplies } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/manage/page.tsx

@@ -1,5 +1,5 @@
-import ManageDetail from './components/ManageDetail.client';
-import ManageHeader from './components/ManageHeader.client';
+import ManageDetail from './components/ManageDetail';
+import ManageHeader from './components/ManageHeader';
 
 import { Keys, getApplies } from '@/apis/groups';
 import { LocalSuspenseErrorBoundary } from '@/components/ErrorBoundary';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/members/page.tsx

@@ -1,5 +1,6 @@
-import MemeberList from './components/MemberList.client';
-import MembersHeader from './components/MembersHeader.client';
+import MemeberList from './components/MemberList';
+import MembersHeader from './components/MembersHeader';
+
 import { Keys, getGroupMembers } from '@/apis/groups';
 import { LocalSuspenseErrorBoundary } from '@/components/ErrorBoundary';
 import { HydrationProvider } from '@/components/Provider';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/page.tsx

@@ -1,5 +1,5 @@
-import GroupDetailPage from './components/GroupDetail.client';
-import GroupDetailHeader from './components/GroupDetailHeader.client';
+import GroupDetailPage from './components/GroupDetail';
+import GroupDetailHeader from './components/GroupDetailHeader';
 
 import { Keys, getGroupDetail, getGroupMembers, getNotices } from '@/apis/groups';
 import { LocalSuspenseErrorBoundary } from '@/components/ErrorBoundary';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/write/components/InputForm.client.tsx → packages/web/src/app/[lng]/(main)/grouping/[groupId]/write/components/InputForm.tsx

@@ -2,7 +2,7 @@
 
 import { useForm } from 'react-hook-form';
 
-import ImageSection from './ImageSection.client';
+import ImageSection from './ImageSection';
 import WriteModal from './WriteModal';
 
 import type { WriteFormValues } from '../type';
@@ -12,7 +12,7 @@ import { useTranslation } from '@/app/i18n/client';
 import { Button, ButtonGroup } from '@/components/Button';
 import { CircleCheckbox } from '@/components/Checkbox';
 import { Flex } from '@/components/Layout';
-import LayerLoading from '@/components/Loading/LayerLoading.client';
+import LayerLoading from '@/components/Loading/LayerLoading';
 import { Spacing } from '@/components/Spacing';
 import { TextFieldController } from '@/components/TextField';
 import { useModal } from '@/hooks/useModal';

packages/web/src/app/[lng]/(main)/grouping/[groupId]/write/page.tsx

@@ -1,5 +1,6 @@
-import InputForm from './components/InputForm.client';
-import WriteHeader from './components/WriteHeader.client';
+import InputForm from './components/InputForm';
+import WriteHeader from './components/WriteHeader';
+
 import { Keys, getGroupDetail } from '@/apis/groups';
 import { LocalSuspenseErrorBoundary } from '@/components/ErrorBoundary';
 import { HydrationProvider } from '@/components/Provider';

packages/web/src/app/[lng]/(main)/grouping/create/components/LocationBottomSheet.client.tsx → packages/web/src/app/[lng]/(main)/grouping/create/components/LocationBottomSheet.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import usePlacesService from 'react-google-autocomplete/lib/usePlacesAutocompleteService';
 import { Control, useController } from 'react-hook-form';
 
-import LocationItem from './LocationItem.client';
+import LocationItem from './LocationItem';
 import { CreateGroupContextValue } from '../type';
 
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/create/funnels/CreateGroupFunnel.client.tsx → packages/web/src/app/[lng]/(main)/grouping/create/funnels/CreateGroupFunnel.tsx

@@ -12,8 +12,8 @@ import { LayerLoading } from '@/components/Loading';
 import { useFunnel } from '@/hooks/useFunnel';
 
 const MainStep = dynamic(() => import('./main/MainStep.client'));
-const MeetDateStep = dynamic(() => import('./meetDate/MeetDateStep.client'));
-const CreateHeader = dynamic(() => import('../components/CreateHeader.client'));
+const MeetDateStep = dynamic(() => import('./meetDate/MeetDateStep'));
+const CreateHeader = dynamic(() => import('../components/CreateHeader'));
 
 function formatTime(time: TimeType) {
  time.fromHour =

packages/web/src/app/[lng]/(main)/grouping/create/funnels/main/MainStep.client.tsx

@@ -1,10 +1,10 @@
 import { format } from 'date-fns';
 
-import InputSection from './InputSection.client';
-import SettingSection from './SettingSection.client';
-import UploadSection from './UploadSection.client';
+import InputSection from './InputSection';
+import SettingSection from './SettingSection';
+import UploadSection from './UploadSection';
 import { useCreateGroupContext } from '../../components/CreateGroupContext';
-import CreateModal from '../../components/CreateModal.client';
+import CreateModal from '../../components/CreateModal';
 
 import type { CreateGroupContextValue } from '../../type';
 import type { TimeType } from '@/types';

packages/web/src/app/[lng]/(main)/grouping/create/funnels/main/SettingSection.client.tsx → packages/web/src/app/[lng]/(main)/grouping/create/funnels/main/SettingSection.tsx

@@ -1,7 +1,7 @@
 import { useController } from 'react-hook-form';
 
 import { useCreateGroupContext } from '../../components/CreateGroupContext';
-import LocationBottomSheet from '../../components/LocationBottomSheet.client';
+import LocationBottomSheet from '../../components/LocationBottomSheet';
 import { displayDate } from '../../util';
 
 import { useTranslation } from '@/app/i18n/client';

packages/web/src/app/[lng]/(main)/grouping/create/funnels/meetDate/MeetDateStep.client.tsx → packages/web/src/app/[lng]/(main)/grouping/create/funnels/meetDate/MeetDateStep.tsx

@@ -1,6 +1,7 @@
-import CalendarSection from './CalendarSection.client';
-import TimeSection from './TimeSection.client';
+import CalendarSection from './CalendarSection';
+import TimeSection from './TimeSection';
 import { useCreateGroupContext } from '../../components/CreateGroupContext';
+
 import { useTranslation } from '@/app/i18n/client';
 import { Button, ButtonGroup } from '@/components/Button';
 import { Divider } from '@/components/Divider';

packages/web/src/app/[lng]/(main)/grouping/create/page.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from 'react';
 
 import CreateGroupContextProvider from './components/CreateGroupContext';
-import CreateGroupFunnel from './funnels/CreateGroupFunnel.client';
+import CreateGroupFunnel from './funnels/CreateGroupFunnel';
 
 export default function CreateGroupPage() {
  return (

packages/web/src/app/[lng]/(main)/grouping/hooks/useMoreSheet.tsx

@@ -1,10 +1,10 @@
 'use client';
-import BlockDoneModal from '../components/BlockDoneModal.client';
-import ReportDoneModal from '../components/ReportDoneModal.client';
-import WarningModal from '../components/WarningModal.client';
+import BlockDoneModal from '../components/BlockDoneModal';
+import ReportDoneModal from '../components/ReportDoneModal';
+import WarningModal from '../components/WarningModal';
 import { useDeleteArticle, useDeleteComment } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';
-import MoreBottomSheet from '@/components/Modal/MoreBottomSheet.client';
+import MoreBottomSheet from '@/components/Modal/MoreBottomSheet';
 import useAppRouter from '@/hooks/useAppRouter';
 import { useModal } from '@/hooks/useModal';
 import { useBlockStore } from '@/store/useBlockStore';

packages/web/src/app/[lng]/(main)/grouping/page.tsx

@@ -1,5 +1,5 @@
-import CreateGroupButton from './components/CreateGroupButton.client';
-import GroupingCardList from './components/GroupingCardList.client';
+import CreateGroupButton from './components/CreateGroupButton';
+import GroupingCardList from './components/GroupingCardList';
 import GroupingHeader from './components/GroupingHeader';
 
 import { Keys, getGroups } from '@/apis/groups';

packages/web/src/app/[lng]/(main)/meeting/participate/components/ContentSection.client.tsx → packages/web/src/app/[lng]/(main)/meeting/participate/components/ContentSection.tsx

@@ -7,9 +7,9 @@ import { useTranslation } from '@/app/i18n/client';
 import { Loading } from '@/components/Loading';
 import { Tabs } from '@/components/Tabs';
 
-const ParticipatingContent = dynamic(() => import('./ParticipatingContent.client'));
-const WaitingContent = dynamic(() => import('./WaitingContent.client'));
-const FeedbackContent = dynamic(() => import('./FeedbackContent.client'));
+const ParticipatingContent = dynamic(() => import('./ParticipatingContent'));
+const WaitingContent = dynamic(() => import('./WaitingContent'));
+const FeedbackContent = dynamic(() => import('./FeedbackContent'));
 
 export default function ContentSection() {
  const { t } = useTranslation('meeting');

packages/web/src/app/[lng]/(main)/meeting/participate/components/FeedbackContent.client.tsx → packages/web/src/app/[lng]/(main)/meeting/participate/components/FeedbackContent.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import FeedbackModal from './FeedbackModal.client';
+import FeedbackModal from './FeedbackModal';
 import SubtitleSection from './SubtitleSection';
 import NoMeeting from '../../components/NoMeeting';
 

packages/web/src/app/[lng]/(main)/meeting/participate/feedback/[groupId]/components/FeedbackHeader.tsx

@@ -1,5 +1,6 @@
 'use client';
-import FeedbackOutModal from '../funnels/step1/FeedbackOutModal.client';
+import FeedbackOutModal from '../funnels/step1/FeedbackOutModal';
+
 import { IconButton } from '@/components/Button';
 import { Header } from '@/components/Header';
 import { Icon } from '@/components/Icon';

packages/web/src/app/[lng]/(main)/meeting/participate/feedback/[groupId]/funnels/step1/Step1.tsx

@@ -1,8 +1,11 @@
-import NoShowModal from './NoShowModal.client';
+import NoShowModal from './NoShowModal';
 import { convertShowMember } from '../../../util';
-import { useFeedbackContext } from '../../components/FeedbackProvider.client';
-import Membercard from '../../components/Membercard.client';
+import { useFeedbackContext } from '../../components/FeedbackProvider';
+import Membercard from '../../components/Membercard';
 import TitleSection from '../../components/TitleSection';
+
+import type { EstimateResponse } from '@/apis/groups';
+
 import { useTranslation } from '@/app/i18n/client';
 import { Button, ButtonGroup } from '@/components/Button';
 import { Divider } from '@/components/Divider';
@@ -12,8 +15,6 @@ import { Spacing } from '@/components/Spacing';
 import { Tag } from '@/components/Tag';
 import { useModal } from '@/hooks/useModal';
 
-import type { EstimateResponse } from '@/apis/groups';
-
 interface Step1Props {
  onNextClick: () => void;
  groupMemberList: EstimateResponse['groupMemberList'];

packages/web/src/app/[lng]/(main)/meeting/participate/feedback/[groupId]/funnels/step2/Step2.tsx

@@ -1,6 +1,6 @@
 import { convertShowMember } from '../../../util';
-import { useFeedbackContext } from '../../components/FeedbackProvider.client';
-import Membercard from '../../components/Membercard.client';
+import { useFeedbackContext } from '../../components/FeedbackProvider';
+import Membercard from '../../components/Membercard';
 import TitleSection from '../../components/TitleSection';
 import { useTranslation } from '@/app/i18n/client';
 import { Button, ButtonGroup } from '@/components/Button';

packages/web/src/app/[lng]/(main)/meeting/participate/feedback/[groupId]/funnels/step3/Step3.tsx

@@ -1,7 +1,8 @@
 import { PRAISE_VALUE_MAP } from '../../../constants';
-import { FeedbackRequestType, useFeedbackContext } from '../../components/FeedbackProvider.client';
-import Membercard from '../../components/Membercard.client';
+import { FeedbackRequestType, useFeedbackContext } from '../../components/FeedbackProvider';
+import Membercard from '../../components/Membercard';
 import TitleSection from '../../components/TitleSection';
+
 import { type EstimateResponse, usePostEstimate } from '@/apis/groups';
 import { useTranslation } from '@/app/i18n/client';
 import { Button, ButtonGroup } from '@/components/Button';

packages/web/src/app/[lng]/(main)/meeting/participate/feedback/[groupId]/page.tsx

@@ -1,5 +1,6 @@
-import FeedbackFunnel from './components/FeedbackFunnel.client';
-import FeedbackProvider from './components/FeedbackProvider.client';
+import FeedbackFunnel from './components/FeedbackFunnel';
+import FeedbackProvider from './components/FeedbackProvider';
+
 import { Keys, getEstimate } from '@/apis/groups';
 import { LocalSuspenseErrorBoundary } from '@/components/ErrorBoundary';
 import { HydrationProvider } from '@/components/Provider';

packages/web/src/app/[lng]/(main)/meeting/participate/page.tsx

@@ -1,4 +1,4 @@
-import ContentSection from './components/ContentSection.client';
+import ContentSection from './components/ContentSection';
 import MeetingParticipateHeader from './components/MeetingParticipateHeader';
 
 import {

packages/web/src/app/[lng]/(main)/profile/[userId]/components/ProfileByIdDetail.client.tsx → packages/web/src/app/[lng]/(main)/profile/[userId]/components/ProfileByIdDetail.tsx

@@ -1,5 +1,5 @@
 'use client';
-import ProfileDetail from '../../components/ProfileDetailSection.client';
+import ProfileDetail from '../../components/ProfileDetailSection';
 
 import { useGetProfileById } from '@/apis/profile';
 import { useNumberParams } from '@/hooks/useNumberParams';

packages/web/src/app/[lng]/(main)/profile/[userId]/page.tsx

@@ -1,4 +1,4 @@
-import ProfileByIdDetail from './components/ProfileByIdDetail.client';
+import ProfileByIdDetail from './components/ProfileByIdDetail';
 import ProfileByIdHeader from './components/ProfileByIdHeader';
 
 import { Keys, getProfileById } from '@/apis/profile';

packages/web/src/app/[lng]/(main)/profile/components/ProfileDetail.client.tsx → packages/web/src/app/[lng]/(main)/profile/components/ProfileDetail.tsx

@@ -1,6 +1,5 @@
 'use client';
-
-import ProfileDetailSection from './ProfileDetailSection.client';
+import ProfileDetailSection from './ProfileDetailSection';
 
 import { useGetProfile } from '@/apis/profile';