refactor: store, api 절대경로 수정

#140

client/src/App.tsx

@@ -1,9 +1,9 @@
+import { useRefreshQuery } from "@apis/auth";
+import { useErrorStore } from "@stores/useErrorStore";
+import { useUserInfo } from "@stores/useUserStore";
 import { useEffect } from "react";
+import { ErrorModal } from "@components/modal/ErrorModal";
 import { WorkSpace } from "@features/workSpace/WorkSpace";
-import { useRefreshQuery } from "./apis/auth";
-import { ErrorModal } from "./components/modal/ErrorModal";
-import { useErrorStore } from "./stores/useErrorStore";
-import { useUserInfo } from "./stores/useUserStore";
 
 const App = () => {
   const { id, name, accessToken } = useUserInfo();

client/src/apis/auth.ts

@@ -1,5 +1,5 @@
+import { useUserActions } from "@stores/useUserStore";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useUserActions } from "@src/stores/useUserStore";
 import { unAuthorizationFetch, fetch } from "./axios";
 
 const authKey = {

client/src/apis/axios.ts

@@ -1,6 +1,6 @@
+import { useErrorStore } from "@stores/useErrorStore";
+import { useUserStore } from "@stores/useUserStore";
 import axios, { AxiosError, CreateAxiosDefaults, InternalAxiosRequestConfig } from "axios";
-import { useErrorStore } from "@src/stores/useErrorStore";
-import { useUserStore } from "@src/stores/useUserStore";
 
 interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
   _retry?: boolean;

client/src/components/sidebar/MenuButton.tsx

@@ -1,4 +1,4 @@
-import { useUserInfo } from "@src/stores/useUserStore";
+import { useUserInfo } from "@stores/useUserStore";
 import { menuItemWrapper, imageBox, textBox } from "./MenuButton.style";
 
 export const MenuButton = () => {

client/src/components/sidebar/Sidebar.tsx

@@ -1,10 +1,10 @@
+import { useIsSidebarOpen, useSidebarActions } from "@stores/useSidebarStore";
 import { motion } from "framer-motion";
 import { IconButton } from "@components/button/IconButton";
 import { Modal } from "@components/modal/modal";
 import { useModal } from "@components/modal/useModal";
 import { MAX_VISIBLE_PAGE } from "@src/constants/page";
 import { AuthButton } from "@src/features/auth/AuthButton";
-import { useIsSidebarOpen, useSidebarActions } from "@src/stores/useSidebarStore";
 import { Page } from "@src/types/page";
 import { MenuButton } from "./MenuButton";
 import { PageItem } from "./PageItem";

client/src/features/auth/AuthButton.tsx

@@ -1,8 +1,8 @@
-import { useLogoutMutation } from "@src/apis/auth";
-import { TextButton } from "@src/components/button/textButton";
-import { Modal } from "@src/components/modal/modal";
-import { useModal } from "@src/components/modal/useModal";
-import { useCheckLogin } from "@src/stores/useUserStore";
+import { useLogoutMutation } from "@apis/auth";
+import { useCheckLogin } from "@stores/useUserStore";
+import { TextButton } from "@components/button/textButton";
+import { Modal } from "@components/modal/modal";
+import { useModal } from "@components/modal/useModal";
 import { AuthModal } from "./AuthModal";
 
 export const AuthButton = () => {

client/src/features/auth/AuthModal.tsx

@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
+import { useLoginMutation, useSignupMutation } from "@apis/auth";
 import { useState } from "react";
 import Lock from "@assets/icons/lock.svg?react";
 import Mail from "@assets/icons/mail.svg?react";
 import User from "@assets/icons/user.svg?react";
+import { InputField } from "@components/inputField/InputField";
 import { Modal } from "@components/modal/modal";
-import { useLoginMutation, useSignupMutation } from "@src/apis/auth";
-import { InputField } from "@src/components/inputField/InputField";
 import { container, formContainer, title, toggleButton } from "./AuthModal.style";
 
 interface AuthModalProps {

client/src/features/editor/Editor.tsx

@@ -1,3 +1,4 @@
+import { useSocket } from "@apis/useSocket.ts";
 import { DndContext } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { EditorCRDT } from "@noctaCrdt/Crdt";
@@ -6,7 +7,6 @@ import { Block as CRDTBlock } from "@noctaCrdt/Node";
 import { BlockId } from "@noctaCrdt/NodeId";
 import { RemoteCharInsertOperation } from "node_modules/@noctaCrdt/Interfaces.ts";
 import { useRef, useState, useCallback, useEffect } from "react";
-import { useSocket } from "@src/apis/useSocket.ts";
 import { editorContainer, editorTitleContainer, editorTitle } from "./Editor.style";
 import { Block } from "./components/block/Block.tsx";
 import { useBlockDragAndDrop } from "./hooks/useBlockDragAndDrop";

client/src/features/page/hooks/usePage.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { PAGE, SIDE_BAR } from "@constants/size";
 import { SPACING } from "@constants/spacing";
-import { useIsSidebarOpen } from "@src/stores/useSidebarStore";
+import { useIsSidebarOpen } from "@stores/useSidebarStore";
 import { Position, Size } from "@src/types/page";
 
 const PADDING = SPACING.MEDIUM * 2;

client/tsconfig.json

@@ -28,6 +28,8 @@
       "@constants/*": ["src/constants/*"],
       "@hooks/*": ["src/hooks/*"],
       "@utils/*": ["src/utils/*"],
+      "@apis/*": ["src/apis/*"],
+      "@stores/*": ["src/stores/*"],
       "@noctaCrdt": ["../@noctaCrdt/dist"],
       "@noctaCrdt/*": ["../@noctaCrdt/dist/*"]
     }