refactor: useMenuStore, useUserStore 사용부 리팩토링

This commit is contained in:
2025-05-28 16:32:53 +09:00
parent 34ed19d14e
commit 7265d90c8c
42 changed files with 49 additions and 47 deletions
@@ -15,7 +15,7 @@ export default function WithBaseLayout({
const pathname = usePathname();
const queryClient = useQueryClient();
const { setCurrentMenuInfo } = useMenuStore((state) => state);
const setCurrentMenuInfo = useMenuStore((state) => state.setCurrentMenuInfo);
const handleMenuClick = (item: MenuItem) => {
setCurrentMenuInfo(item);
@@ -8,7 +8,7 @@ export default function PostLayout({
}: {
children: React.ReactNode;
}) {
const { bbsInfo } = useMenuStore((state) => state);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
return (
<PageLayout
@@ -10,7 +10,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function CreatePage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { mutateAsync: createPost } = useMutation({
@@ -31,7 +31,7 @@ function FaqPage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const pathname = usePathname();
const { confirm } = useConfirm();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { bbsInfo, pageMenuAuthority } = useMenuStore((state) => state);
@@ -16,7 +16,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { data: postInfo } = useQuery({
queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId, pstNo],
@@ -10,7 +10,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function CreatePage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { mutateAsync: createPost } = useMutation({
@@ -16,7 +16,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { data: postInfo } = useQuery({
queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId, pstNo],
@@ -10,7 +10,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function CreatePage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { mutateAsync: createPost } = useMutation({
@@ -16,7 +16,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { data: postInfo } = useQuery({
queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId, pstNo],
@@ -12,7 +12,7 @@ function CreatePage({ bbsId, pstNo }: { bbsId: string; pstNo?: string }) {
const answerRegisterMode = !!pstNo;
const router = useRouter();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { mutateAsync: createPost } = useMutation({
@@ -16,7 +16,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { data: postInfo } = useQuery({
queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId, pstNo],
@@ -10,7 +10,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function CreatePage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const { mutateAsync: createPost } = useMutation({
@@ -16,7 +16,7 @@ import { useAlertStore, useUserStore } from "@/shared/lib";
function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { data: postInfo } = useQuery({
queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, bbsId, pstNo],
@@ -18,7 +18,7 @@ function GeneralFileUploader<T extends { atflCd?: string | null }>({
setDeleteAttachmentIds: (deleteAttachmentIds: string[]) => void;
}) {
const alert = useAlertStore((state) => state.setMessage);
const { bbsInfo } = useMenuStore((state) => state);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
const [attachments, setAttachments] = useState<Record<string, Attachment>>(
{},
@@ -14,8 +14,8 @@ function PostAction({ children, handleDelete }: PostActionProps) {
const router = useRouter();
const pathname = usePathname();
const { confirm } = useConfirm();
const { bbsInfo } = useMenuStore((state) => state);
const { userInfo } = useUserStore((state) => state);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
const userInfo = useUserStore((state) => state.userInfo);
const onDelete = async () => {
if (await confirm("삭제하시겠습니까?")) handleDelete();
@@ -19,7 +19,7 @@ function PostComment({ bbsId, pstNo }: { bbsId: number; pstNo: number }) {
const { prompt } = usePrompt();
const { confirm } = useConfirm();
const queryClient = useQueryClient();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const alert = useAlertStore((state) => state.setMessage);
const [editingCmntNo, setEditingCmntNo] = useState<number | null>(null);
const [editValue, setEditValue] = useState<string>("");
@@ -40,8 +40,8 @@ function PostForm<T extends PostFormData | PostUpdateFormData>({
const router = useRouter();
const { confirm } = useConfirm();
const { bbsInfo } = useMenuStore((state) => state);
const { userInfo } = useUserStore((state) => state);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
const userInfo = useUserStore((state) => state.userInfo);
const [deleteAttachmentIds, setDeleteAttachmentIds] = useState<string[]>([]);
@@ -33,7 +33,7 @@ function PostPage({ bbsId }: { bbsId: string }) {
const router = useRouter();
const pathname = usePathname();
const { confirm } = useConfirm();
const { userInfo } = useUserStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const { bbsInfo, pageMenuAuthority } = useMenuStore((state) => state);
const [postParams, setPostParams] = useState<PostParams>({
@@ -22,8 +22,8 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
const router = useRouter();
const { prompt } = usePrompt();
const alert = useAlertStore((state) => state.setMessage);
const { userInfo } = useUserStore((state) => state);
const { bbsInfo } = useMenuStore((state) => state);
const userInfo = useUserStore((state) => state.userInfo);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
const [filename, setFilename] = useState("");
@@ -17,7 +17,7 @@ function WithPreviewFileUploader<T extends PostFormData | PostUpdateFormData>({
attachmentData?: Attachment[];
}) {
const alert = useAlertStore((state) => state.setMessage);
const { bbsInfo } = useMenuStore((state) => state);
const bbsInfo = useMenuStore((state) => state.bbsInfo);
const [thumbnailUrl, setThumbnailUrl] = useState("");
const [progress, setProgress] = useState(0);