[fix] 프로필 페이지 로그아웃 시, 로그인 필요 모달이 뜨는 버그 수정, 불필요한 index.ts 파일 제거

src/components/NoticeDetailInfo/NoticeDetailInfo.tsx

@@ -3,7 +3,7 @@ import NoticeEmployerActionButton from "./NoticeEmployerActionButton";
 
 import PostCard from "@/components/Post/PostCard";
 import { APPLICATION_STATUS } from "@/constants/applicationStatus";
-import { User } from "@/hooks/useUserStore";
+import { User } from "@/store/useUserStore";
 import { NoticeItem } from "@/types/notice";
 import { cn } from "@/utils/cn";
 import { isPastDate } from "@/utils/datetime";

src/components/NoticeDetailInfo/NoticeEmployeeActionButton.tsx

@@ -9,8 +9,8 @@ import {
 import { APPLICATION_STATUS } from "@/constants/applicationStatus";
 import { ROUTES } from "@/constants/router";
 import { useToast } from "@/hooks/useToast";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { ApplicationStatus } from "@/types/application";
 import { cn } from "@/utils/cn";
 

src/components/ProtectedRoute.tsx

@@ -2,8 +2,8 @@ import { ReactNode, useLayoutEffect } from "react";
 
 import { useNavigate } from "react-router-dom";
 
-import { User, useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { User, useUserStore } from "@/store/useUserStore";
 
 interface ProtectedRouteConditionType {
   isPass: boolean;

src/components/Toast/ToastContainer.tsx

@@ -1,6 +1,6 @@
-import { useToast } from "@/hooks/useToast";
-import ToastPortal from "@/components/Toast/ToastPortal";
 import Toast from "@/components/Toast/Toast";
+import ToastPortal from "@/components/Toast/ToastPortal";
+import { useToast } from "@/hooks/useToast";
 
 export default function ToastContainer() {
   const { toasts } = useToast();

src/components/Toast/ToastPortal.tsx

@@ -1,6 +1,7 @@
-import { createPortal } from "react-dom";
 import { ReactNode, useEffect, useState } from "react";
 
+import { createPortal } from "react-dom";
+
 interface ToastPortalProps {
   children: ReactNode;
 }

src/hooks/useNoticeList.ts

@@ -1,12 +1,12 @@
 import { useEffect, useState } from "react";
 
 import { getNotices } from "@/apis/services/noticeService";
-import { useUserStore } from "@/hooks/useUserStore";
 import {
   ITEM_COUNT_PER_PAGE,
   CUSTOM_NOTICE_LIMIT,
 } from "@/pages/NoticeListPage/constants";
 import { useFilterStore } from "@/store/useFilterStore";
+import { useUserStore } from "@/store/useUserStore";
 import type { NoticeWithoutUserApplication, SortKey } from "@/types/notice";
 
 export default function useNoticeList(page: number, selectedSort: SortKey) {

src/layouts/Header.tsx

@@ -4,7 +4,7 @@ import Logo from "../assets/logo/thejulge.svg";
 
 import Alert from "@/components/Alert/Alert";
 import SearchInput from "@/components/SearchInput";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 
 export default function Header() {
   const navigate = useNavigate();
@@ -14,8 +14,8 @@ export default function Header() {
   const userPath = user?.type === "employer" ? "/shop" : "/profile";
 
   const handleLogout = () => {
-    clearUser();
     navigate("/");
+    setTimeout(() => clearUser(), 100);
   };
 
   return (

src/pages/AuthPage/SigninPage.tsx

@@ -12,8 +12,8 @@ import { postAuthentication } from "@/apis/services/authenticationService";
 import Button from "@/components/Button";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 
 export default function SigninPage() {
   const navigate = useNavigate();

src/pages/AuthPage/SignupPage.tsx

@@ -15,8 +15,8 @@ import { postUser } from "@/apis/services/userService";
 import Button from "@/components/Button";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 
 export default function SignupPage() {
   const navigate = useNavigate();

src/pages/NoticeEditPage.tsx

@@ -12,8 +12,8 @@ import Button from "@/components/Button";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
 import { MIN_WAGE, MAX_WAGE } from "@/constants/wage";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { extractDigits, numberCommaFormatter } from "@/utils/number";
 
 type FormType = {

src/pages/NoticeEmployeePage/loader/noticeEmployeeLoader.ts

@@ -1,7 +1,7 @@
 import { LoaderFunction } from "react-router-dom";
 
 import { loadNotice, loadRecentNotices } from "@/apis/loaders/notice";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 
 const noticeEmployeeLoader: LoaderFunction = async ({ params }) => {
   const user = useUserStore.getState().user;

src/pages/NoticeEmployerPage/NoticeEmployerPage.tsx

@@ -7,7 +7,7 @@ import useShopApplications from "./hooks/useShopApplications";
 
 import PostList, { PostData } from "@/components/Post/PostList";
 import useUpdateRecentNotices from "@/hooks/useUpdateRecentNotices";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 import { NoticeItem } from "@/types/notice";
 
 export default function NoticeEmployerPage() {

src/pages/NoticeEmployerPage/loader/noticeEmployerLoader.ts

@@ -1,7 +1,7 @@
 import { LoaderFunction } from "react-router-dom";
 
 import { loadNotice, loadRecentNotices } from "@/apis/loaders/notice";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 
 const noticeEmployerLoader: LoaderFunction = async ({ params }) => {
   const user = useUserStore.getState().user;

src/pages/NoticeListPage/NoticeListPage.tsx

@@ -9,7 +9,7 @@ import CustomNoticeSection from "./CustomNoticeSection";
 import NoticeSearchResultHeader from "@/components/NoticeSearchResultHeader";
 import PageNation from "@/components/Pagination";
 import PostList, { PostData } from "@/components/Post/PostList";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 import type { SortKey } from "@/types/notice";
 
 export default function NoticeListPage() {

src/pages/NoticeRegisterPage.tsx

@@ -12,8 +12,8 @@ import Button from "@/components/Button";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
 import { MAX_WAGE, MIN_WAGE } from "@/constants/wage";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { extractDigits, numberCommaFormatter } from "@/utils/number";
 
 type FormType = {

src/pages/NoticeSearchPage/NoticeSearchPage.tsx

@@ -7,8 +7,8 @@ import NoticeSearchResultHeader from "@/components/NoticeSearchResultHeader";
 import Pagination from "@/components/Pagination";
 import type { PostData } from "@/components/Post/PostList";
 import PostList from "@/components/Post/PostList";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useFilterStore } from "@/store/useFilterStore";
+import { useUserStore } from "@/store/useUserStore";
 import type { SortKey } from "@/types/notice";
 
 const ITEM_PER_PAGE = 6;

src/pages/ProfileEditPage.tsx

@@ -11,8 +11,8 @@ import Button from "@/components/Button";
 import Select from "@/components/Select";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { autoHyphenFormatter } from "@/utils/phoneNumber";
 
 type FormType = {

src/pages/ProfilePage/loader/profileLoader.ts

@@ -1,5 +1,5 @@
 import { getUser } from "@/apis/services/userService";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 
 const profileLoader = async () => {
   const userId = useUserStore.getState().user?.id;

src/pages/ProfileRegisterPage.tsx

@@ -11,8 +11,8 @@ import Button from "@/components/Button";
 import Select from "@/components/Select";
 import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { autoHyphenFormatter } from "@/utils/phoneNumber";
 
 type FormType = {

src/pages/ShopEditPage.tsx

@@ -18,8 +18,8 @@ import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
 import { CATEGORY_OPTIONS } from "@/constants/shopCategory";
 import { MAX_WAGE, MIN_WAGE } from "@/constants/wage";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { extractDigits, numberCommaFormatter } from "@/utils/number";
 
 type FormType = {

src/pages/ShopPage/ShopPage.tsx

@@ -7,9 +7,9 @@ import EmptyStateCard from "@/components/EmptyStateCard";
 import PostCard from "@/components/Post/PostCard";
 import PostList from "@/components/Post/PostList";
 import { ROUTES } from "@/constants/router";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useShopData } from "@/pages/ShopPage/hooks/useShopData";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 
 export interface PostListItem {
   id: string;

src/pages/ShopPage/hooks/useShopData.ts

@@ -4,7 +4,7 @@ import { AxiosError } from "axios";
 
 import { getShopNotices } from "@/apis/services/noticeService";
 import { getUser } from "@/apis/services/userService";
-import { useUserStore } from "@/hooks/useUserStore";
+import { useUserStore } from "@/store/useUserStore";
 
 export type ShopItem = {
   id: string;

src/pages/ShopRegisterPage.tsx

@@ -18,8 +18,8 @@ import TextField from "@/components/TextField";
 import { ROUTES } from "@/constants/router";
 import { CATEGORY_OPTIONS } from "@/constants/shopCategory";
 import { MIN_WAGE, MAX_WAGE } from "@/constants/wage";
-import { useUserStore } from "@/hooks/useUserStore";
 import { useModalStore } from "@/store/useModalStore";
+import { useUserStore } from "@/store/useUserStore";
 import { extractDigits, numberCommaFormatter } from "@/utils/number";
 
 type FormType = {