Refactor/137/project refactoring

src/apis/auth/index.ts

@@ -1,6 +1,6 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { LoginFormData, LoginResponse, loginResponseSchema, PutPasswordFormData } from './types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { LoginFormData, LoginResponse, loginResponseSchema, PutPasswordFormData } from '@/apis/auth/types';
 
 /**
  * login

src/apis/auth/queries.tsx → src/apis/auth/queries.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { login, logout, putPassword } from '.';
-import { LoginFormData, PutPasswordFormData } from './types';
+import { login, logout, putPassword } from '@/apis/auth';
+import { LoginFormData, PutPasswordFormData } from '@/apis/auth/types';
 
 export const useLogin = () => {
   return useMutation({

src/apis/cards/index.ts

@@ -1,7 +1,7 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { Card, CardRequest, cardSchema, CardsResponse, cardsResponseSchema, GetCardsParams } from './types';
-import { Column } from '../columns/types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { Card, CardRequest, cardSchema, CardsResponse, cardsResponseSchema, GetCardsParams } from '@/apis/cards/types';
+import { Column } from '@/apis/columns/types';
 
 /**
  * card 생성

src/apis/cards/queries.tsx → src/apis/cards/queries.ts

@@ -1,9 +1,9 @@
 'use client';
 
 import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { deleteCard, getCard, getCards, moveCard, postCard, putCard } from '.';
-import { Card, CardRequest, CardsResponse, GetCardsParams } from './types';
-import { Column } from '../columns/types';
+import { deleteCard, getCard, getCards, moveCard, postCard, putCard } from '@/apis/cards';
+import { Card, CardRequest, CardsResponse, GetCardsParams } from '@/apis/cards/types';
+import { Column } from '@/apis/columns/types';
 
 export const useCardsQuery = (params: GetCardsParams) => {
   return useInfiniteQuery({

src/apis/cards/types.ts

@@ -1,5 +1,5 @@
-import isValidDate from '@/utils/isValidDate';
 import { z } from 'zod';
+import isValidDate from '@/utils/isValidDate';
 
 const IMAGE_URL = 'https://sprint-fe-project.s3.ap-northeast-2.amazonaws.com/taskify/task_image/';
 

src/apis/columns/index.ts

@@ -1,6 +1,6 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { CardImageForm, CardImageResponse, cardImageResponseSchema, Column, ColumnForm, columnSchema, ColumnsResponse, columnsResponseSchema, GetColumnsParams } from './types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { CardImageForm, CardImageResponse, cardImageResponseSchema, Column, ColumnForm, columnSchema, ColumnsResponse, columnsResponseSchema, GetColumnsParams } from '@/apis/columns/types';
 
 /**
  * column 생성

src/apis/columns/queries.tsx → src/apis/columns/queries.ts

@@ -1,8 +1,8 @@
 'use client';
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { deleteColumn, getColumns, postColumn, putColumn } from '.';
-import { ColumnForm } from './types';
+import { deleteColumn, getColumns, postColumn, putColumn } from '@/apis/columns';
+import { ColumnForm } from '@/apis/columns/types';
 
 export const useColumnsQuery = (dashboardId: number) => {
   return useQuery({

src/apis/comments/index.ts

@@ -1,6 +1,6 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { Comment, CommentForm, commentSchema, CommentsResponse, commentsResponseSchema, GetCommentsParams, PutCommentForm } from './types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { Comment, CommentForm, commentSchema, CommentsResponse, commentsResponseSchema, GetCommentsParams, PutCommentForm } from '@/apis/comments/types';
 
 /**
  * comment 생성

src/apis/comments/queries.tsx → src/apis/comments/queries.ts

@@ -1,5 +1,5 @@
 import { InfiniteData, useInfiniteQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { getComments, postComment, putComment, deleteComment } from '.';
+import { getComments, postComment, putComment, deleteComment } from '@/apis/comments';
 import type { CommentForm, CommentsResponse, GetCommentsParams, PutCommentForm } from '@/apis/comments/types';
 
 export const useCommentsQuery = (params: GetCommentsParams) => {

src/apis/dashboards/index.ts

@@ -1,4 +1,5 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
+import { safeResponse } from '@/utils/network/safeResponse';
 import {
   Dashboard,
   DashboardInvitation,
@@ -14,8 +15,7 @@ import {
   InviteDashboardRequest,
   dashboardInvitationSchema,
   CancelInviteDashboardRequest,
-} from './types';
-import { safeResponse } from '@/utils/network/safeResponse';
+} from '@/apis/dashboards/types';
 
 /**
  * dashboard 생성

src/apis/dashboards/queries.tsx → src/apis/dashboards/queries.ts

@@ -1,8 +1,16 @@
 'use client';
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { cancelDashboardInvitation, createDashboard, deleteDashboard, getDashboardDetails, getDashboardInvitations, getDashboards, inviteDashboard, updateDashboard } from '.';
-import { CancelInviteDashboardRequest, CreateDashboardRequest, Dashboard, GetDashboardInvitationsRequest, GetDashboardsRequest, InviteDashboardRequest, UpdateDashboardRequest } from './types';
+import { cancelDashboardInvitation, createDashboard, deleteDashboard, getDashboardDetails, getDashboardInvitations, getDashboards, inviteDashboard, updateDashboard } from '@/apis/dashboards';
+import {
+  CancelInviteDashboardRequest,
+  CreateDashboardRequest,
+  Dashboard,
+  GetDashboardInvitationsRequest,
+  GetDashboardsRequest,
+  InviteDashboardRequest,
+  UpdateDashboardRequest,
+} from '@/apis/dashboards/types';
 
 export const useDashboardsQuery = (params: GetDashboardsRequest) => {
   return useQuery({

src/apis/dashboards/types.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
+import { userSchema } from '@/apis/users/types';
 import { DASHBOARD_FORM_ERROR_MESSAGE, DASHBOARD_FORM_VALID_LENGTH } from '@/constants/dashboard';
 import { DEFAULT_COLORS } from '@/constants/colors';
-import { userSchema } from '@/apis/users/types';
 import { BasePagination, NavigationMethod } from '@/types/common';
 
 export const dashboardSchema = z.object({

src/apis/invitations/index.ts

@@ -1,7 +1,7 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { GetMyInvitationsRequest, MyInvitations, myInvitationsSchema, RespondToInvitationRequest } from './types';
-import { DashboardInvitation, dashboardInvitationSchema } from '../dashboards/types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { GetMyInvitationsRequest, MyInvitations, myInvitationsSchema, RespondToInvitationRequest } from '@/apis/invitations/types';
+import { DashboardInvitation, dashboardInvitationSchema } from '@/apis/dashboards/types';
 
 /**
  * 내가 받은 초대 목록 조회

src/apis/invitations/queries.tsx → src/apis/invitations/queries.ts

@@ -1,8 +1,8 @@
 'use client';
 
 import { useInfiniteQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { getMyInvitations, respondToInvitation } from '.';
-import { GetMyInvitationsRequest, RespondToInvitationRequest } from './types';
+import { getMyInvitations, respondToInvitation } from '@/apis/invitations/';
+import { GetMyInvitationsRequest, RespondToInvitationRequest } from '@/apis/invitations/types';
 
 export const useMyInvitationsQuery = (params: GetMyInvitationsRequest) => {
   return useInfiniteQuery({

src/apis/invitations/types.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { DashboardInvitation, dashboardInvitationSchema } from '../dashboards/types';
+import { DashboardInvitation, dashboardInvitationSchema } from '@/apis/dashboards/types';
 import { BaseCursor } from '@/types/common';
 
 export type GetMyInvitationsRequest = Partial<BaseCursor> & {

src/apis/members/index.ts

@@ -1,6 +1,6 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { DeleteMemberRequest, GetMembersRequest, Members, membersSchema } from './types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { DeleteMemberRequest, GetMembersRequest, Members, membersSchema } from '@/apis/members/types';
 
 /**
  * 대시보드 멤버 목록 조회

src/apis/members/queries.tsx → src/apis/members/queries.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { deleteMember, getMembers } from '.';
-import { DeleteMemberRequest, GetMembersRequest } from './types';
+import { deleteMember, getMembers } from '@/apis/members/';
+import { DeleteMemberRequest, GetMembersRequest } from '@/apis/members/types';
 
 export const useMembersQuery = (params: GetMembersRequest) => {
   return useQuery({

src/apis/members/types.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
-import { User, userSchema } from '../users/types';
+import { User, userSchema } from '@/apis//users/types';
+import { Dashboard } from '@/apis/dashboards/types';
 import { BasePagination } from '@/types/common';
-import { Dashboard } from '../dashboards/types';
 
 export type GetMembersRequest = BasePagination & {
   dashboardId: Dashboard['id'];

src/apis/users/index.ts

@@ -1,6 +1,6 @@
 import axiosClientHelper from '@/utils/network/axiosClientHelper';
-import { CreateProfileImageForm, ProfileImageUrlResponse, profileImageUrlResponseSchema, SignupFormData, SignupResponse, UpdateUserForm, User, userSchema } from './types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { CreateProfileImageForm, ProfileImageUrlResponse, profileImageUrlResponseSchema, SignupFormData, SignupResponse, UpdateUserForm, User, userSchema } from '@/apis/users/types';
 
 /**
  * signup

src/apis/users/queries.tsx → src/apis/users/queries.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { createProfileImage, getUser, signup, updateUser } from '.';
-import { CreateProfileImageForm, SignupFormData, UpdateUserForm } from './types';
+import { createProfileImage, getUser, signup, updateUser } from '@/apis/users';
+import { CreateProfileImageForm, SignupFormData, UpdateUserForm } from '@/apis/users/types';
 
 export const useGetUser = () => {
   return useQuery({

src/apis/users/types.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { SIGNUP_FORM_VALID_LENGTH, SIGNUP_FORM_ERROR_MESSAGE } from '@/constants/auth';
-import { PROFILEEDIT_FORM_VALID_LENGTH, PROFILEEDIT_FORM_ERROR_MESSAGE } from '@/constants/profileEdit';
+import { PROFILEEDIT_FORM_VALID_LENGTH, PROFILEEDIT_FORM_ERROR_MESSAGE } from '@/constants/user';
 
 interface FailResponse {
   message: string;

src/app/(after-login)/dashboard/[id]/edit/layout.tsx

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { Metadata } from 'next';
 import axiosServerHelper from '@/utils/network/axiosServerHelper';
-import { Dashboard, dashboardSchema } from '@/apis/dashboards/types';
 import { safeResponse } from '@/utils/network/safeResponse';
+import { Dashboard, dashboardSchema } from '@/apis/dashboards/types';
 
 export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
   const resolvedParams = await params;

src/app/(after-login)/dashboard/[id]/edit/loading.tsx

@@ -1,5 +1,5 @@
 import { Page, PageInner } from '@/components/layout/Page';
-import { CardSkeleton } from '@/components/ui/Card/Card';
+import { CardSkeleton } from '@/components/ui/Card';
 import { GoBackSkeleton } from '@/components/ui/Link/GoBackLink';
 
 export default function loading() {

src/app/(after-login)/dashboard/[id]/edit/page.tsx

@@ -1,13 +1,13 @@
+import { redirect } from 'next/navigation';
+import { Dashboard, dashboardSchema } from '@/apis/dashboards/types';
+import axiosServerHelper from '@/utils/network/axiosServerHelper';
+import { safeResponse } from '@/utils/network/safeResponse';
 import { Page, PageInner } from '@/components/layout/Page';
 import DetailModify from '@/components/dashboard/DetailModify';
 import DetailMembers from '@/components/dashboard/DetailMembers';
 import DetailInvited from '@/components/dashboard/DetailInvited';
 import GoBackLink from '@/components/ui/Link/GoBackLink';
 import DetailDelete from '@/components/dashboard/DetailDelete';
-import axiosServerHelper from '@/utils/network/axiosServerHelper';
-import { redirect } from 'next/navigation';
-import { Dashboard, dashboardSchema } from '@/apis/dashboards/types';
-import { safeResponse } from '@/utils/network/safeResponse';
 
 export default async function DashboardEditPage({ params }: { params: Promise<{ id: string }> }) {
   const id = (await params).id;

src/app/(after-login)/dashboard/[id]/page.tsx

@@ -1,7 +1,7 @@
-import ColumnList from '@/components/columns/ColumnList';
 import { Metadata } from 'next';
-import axiosServerHelper from '@/utils/network/axiosServerHelper';
+import ColumnList from '@/components/columns/ColumnList';
 import { Dashboard, dashboardSchema } from '@/apis/dashboards/types';
+import axiosServerHelper from '@/utils/network/axiosServerHelper';
 import { safeResponse } from '@/utils/network/safeResponse';
 
 export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {

src/app/(after-login)/layout.tsx

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import Header from '@/components/dashboard-header/Header';
-import Sidebar from '@/components/dashboard/Sidebar';
+import Header from '@/components/dashboard/header/Header';
+import Sidebar from '@/components/dashboard/sidebar/Sidebar';
 
 export default function layout({ children }: PropsWithChildren) {
   return (

src/app/(after-login)/mypage/loading.tsx

@@ -1,5 +1,5 @@
 import { Page, PageInner } from '@/components/layout/Page';
-import { CardSkeleton } from '@/components/ui/Card/Card';
+import { CardSkeleton } from '@/components/ui/Card';
 import { GoBackSkeleton } from '@/components/ui/Link/GoBackLink';
 
 export default function loading() {

src/app/(after-login)/mypage/page.tsx

@@ -1,11 +1,11 @@
 import { redirect } from 'next/navigation';
 import { User, userSchema } from '@/apis/users/types';
+import axiosServerHelper from '@/utils/network/axiosServerHelper';
+import { safeResponse } from '@/utils/network/safeResponse';
 import { Page, PageInner } from '@/components/layout/Page';
 import PasswordEdit from '@/components/profile/PasswordEdit';
 import ProfileEdit from '@/components/profile/ProfileEdit';
 import GoBackLink from '@/components/ui/Link/GoBackLink';
-import axiosServerHelper from '@/utils/network/axiosServerHelper';
-import { safeResponse } from '@/utils/network/safeResponse';
 
 export const metadata = {
   title: 'Taskify - 마이페이지',

src/app/api/[...endpoint]/route.ts

@@ -12,10 +12,10 @@
  *
  */
 
+import { NextRequest, NextResponse } from 'next/server';
+import { isEmpty, omit } from 'es-toolkit/compat';
 import axiosServerHelper from '@/utils/network/axiosServerHelper';
 import errorResponse from '@/utils/network/errorResponse';
-import { isEmpty, omit } from 'es-toolkit/compat';
-import { NextRequest, NextResponse } from 'next/server';
 
 export const GET = async (request: NextRequest) => {
   const url = new URL(request.url);

src/app/error.tsx

@@ -1,12 +1,12 @@
 'use client';
 
-import Image from 'next/image';
 import React from 'react';
-import LogoCi from '@/assets/images/logo_ci.svg';
-import LogoBi from '@/assets/images/logo_bi.svg';
-import Button from '@/components/ui/Button/Button';
+import Image from 'next/image';
 import Link from 'next/link';
 import axios from 'axios';
+import Button from '@/components/ui/Button';
+import LogoCi from '@/assets/images/logo_ci.svg';
+import LogoBi from '@/assets/images/logo_bi.svg';
 
 interface ErrorProps {
   error: Error;

src/app/not-found.tsx

@@ -1,11 +1,11 @@
 'use client';
 
 import Image from 'next/image';
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
+import Button from '@/components/ui/Button';
 import LogoCi from '@/assets/images/logo_ci.svg';
 import LogoBi from '@/assets/images/logo_bi.svg';
-import Button from '@/components/ui/Button/Button';
-import Link from 'next/link';
 
 export default function NotFound() {
   const router = useRouter();

src/components/auth/Field.tsx

@@ -1,9 +1,9 @@
-import OpendEyeIcon from '@/assets/icons/opend_eye.svg';
-import ClosedEyeIcon from '@/assets/icons/closed_eye.svg';
-import Image from 'next/image';
 import { useState } from 'react';
+import Image from 'next/image';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { isEmpty } from 'es-toolkit/compat';
+import OpendEyeIcon from '@/assets/icons/opend_eye.svg';
+import ClosedEyeIcon from '@/assets/icons/closed_eye.svg';
 
 type Input = 'text' | 'email' | 'password';
 

src/components/auth/Header.tsx

@@ -1,9 +1,9 @@
+import { PropsWithChildren } from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
 import LogoCi from '@/assets/images/logo_ci.svg';
-import { ReactNode } from 'react';
 
-export default function Header({ children }: { children: ReactNode }) {
+export default function Header({ children }: PropsWithChildren) {
   return (
     <header className='flex flex-col items-center gap-[10px]'>
       <Link href={'/'} className='flex flex-col items-center gap-4'>

src/components/auth/LoginForm.tsx

@@ -1,14 +1,14 @@
 'use client';
 
-import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import useAlert from '@/hooks/useAlert';
+import { loginSchema, LoginFormData } from '@/apis/auth/types';
+import { useLogin } from '@/apis/auth/queries';
+import { getErrorMessage } from '@/utils/network/errorMessage';
 import Field from '@/components/auth/Field';
 import SubmitButton from '@/components/auth/SubmitButton';
 import { LOGIN_FORM_PLACEHOLDER } from '@/constants/auth';
-import { loginSchema, LoginFormData } from '@/apis/auth/types';
-import useAlert from '@/hooks/useAlert';
-import { useLogin } from '@/apis/auth/queries';
-import { getErrorMessage } from '@/utils/errorMessage';
 
 export default function LoginForm() {
   const {

src/components/auth/SignupForm.tsx

@@ -1,16 +1,16 @@
 'use client';
 
-import { zodResolver } from '@hookform/resolvers/zod';
+import { useRouter } from 'next/navigation';
 import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import useAlert from '@/hooks/useAlert';
+import { signupSchema, SignupFormData } from '@/apis/users/types';
+import { useSignup } from '@/apis/users/queries';
+import { getErrorMessage } from '@/utils/network/errorMessage';
 import Field from '@/components/auth/Field';
 import SubmitButton from '@/components/auth/SubmitButton';
-import Checkbox from './Checkbox';
+import Checkbox from '@/components/auth/Checkbox';
 import { SIGNUP_FORM_PLACEHOLDER } from '@/constants/auth';
-import { signupSchema, SignupFormData } from '@/apis/users/types';
-import useAlert from '@/hooks/useAlert';
-import { useRouter } from 'next/navigation';
-import { useSignup } from '@/apis/users/queries';
-import { getErrorMessage } from '@/utils/errorMessage';
 
 export default function SignupForm() {
   const {