diff --git a/frontend/src/components/dashboard/dashboard-edit/CardEditView.tsx b/frontend/src/components/dashboard/dashboard-edit/CardEditView.tsx
index 119eba60f..31b78d657 100644
--- a/frontend/src/components/dashboard/dashboard-edit/CardEditView.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/CardEditView.tsx
@@ -1,27 +1,53 @@
 import { useNavigate } from 'react-router-dom';
 
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
 import { ButtonGroup } from '@/components/shared';
 import { useDragAndDropCard, useEditCard } from '@/hooks/dashboard';
 import { useEditCardContext } from '@/hooks/dashboard/useEditCardContext';
+import { dashboardOptions, putDashboardCardList } from '@/services/dashboard';
+import type {
+  PutDashboardCardListParam,
+  PutDashboardCardListRequestDto,
+} from '@/types/dashboard';
 
 import { CardEditViewTabs } from './CardEditViewTabs';
 
 export const CardEditView = () => {
   const navigate = useNavigate();
+  const queryClient = useQueryClient();
 
   const { isDirty } = useEditCard();
 
-  const { isOverList } = useEditCardContext();
+  const { isOverList, placedCards, dashboardId } = useEditCardContext();
 
   const { handleListDragEnter, handleListDragLeave, handleListDrop } =
     useDragAndDropCard();
 
+  const mutateCardList = useMutation({
+    mutationFn: ({
+      param,
+      body,
+    }: {
+      param: PutDashboardCardListParam;
+      body: PutDashboardCardListRequestDto;
+    }) => putDashboardCardList(param, body),
+  });
+
   const handleCancel = () => {
     navigate(-1);
   };
+
   const handleSave = () => {
-    // TODO 저장 로직 구현
-    navigate(-1);
+    mutateCardList.mutate(
+      { param: { dashboardId }, body: placedCards },
+      {
+        onSuccess: () => {
+          queryClient.invalidateQueries(dashboardOptions.cardList(dashboardId));
+          navigate(-1);
+        },
+      },
+    );
   };
 
   return (
diff --git a/frontend/src/components/dashboard/dashboard-edit/CardEditViewCard.tsx b/frontend/src/components/dashboard/dashboard-edit/CardEditViewCard.tsx
index 3c81d649b..7d5982509 100644
--- a/frontend/src/components/dashboard/dashboard-edit/CardEditViewCard.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/CardEditViewCard.tsx
@@ -49,7 +49,7 @@ export const CardEditViewCard = ({ cardCode }: CardEditViewCardProps) => {
       }
       onDragEnd={handleDragEnd}
       className="translate-x-0 cursor-grab active:cursor-grabbing"
-      onClick={handleAddCard}
+      onClick={!memoisedIsAdded ? handleAddCard : undefined}
     >
       <EditCardWrapper
         isAdded={memoisedIsAdded}
diff --git a/frontend/src/components/dashboard/dashboard-edit/CardEditViewTabContentItem.tsx b/frontend/src/components/dashboard/dashboard-edit/CardEditViewTabContentItem.tsx
index a3f64837e..ccd6c3a64 100644
--- a/frontend/src/components/dashboard/dashboard-edit/CardEditViewTabContentItem.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/CardEditViewTabContentItem.tsx
@@ -11,7 +11,7 @@ export const CardEditViewTabContentItem = memo(
   ({ items }: CardEditViewTabContentItemProps) => {
     return (
       <li>
-        <h3 className="body-medium-semibold text-grey-800 bg-grey-200 rounded-150 mt-5 mb-3.75 px-300 py-150">
+        <h3 className="body-medium-semibold text-grey-800 bg-grey-200 rounded-150 mt-6 mb-3 px-300 py-150">
           {items.label}
         </h3>
         <ul className="grid grid-cols-3 gap-5">
diff --git a/frontend/src/components/dashboard/dashboard-edit/DashboardEditLayout.tsx b/frontend/src/components/dashboard/dashboard-edit/DashboardEditLayout.tsx
index 5fcff163e..6f538af5f 100644
--- a/frontend/src/components/dashboard/dashboard-edit/DashboardEditLayout.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/DashboardEditLayout.tsx
@@ -1,14 +1,25 @@
+import { ErrorBoundary } from 'react-error-boundary';
+
+import { FetchBoundary } from '@/components/shared';
+
 import { CardEditView } from './CardEditView';
 import { EditCardProvider } from './EditCardProvider';
+import { EditErrorFallback } from './EditErrorFallback';
 import { MiniView } from './MiniView';
 
 export const DashboardEditLayout = () => {
   return (
-    <div className="flex size-full">
-      <EditCardProvider>
-        <MiniView />
-        <CardEditView />
-      </EditCardProvider>
+    <div className="flex size-full overflow-y-hidden">
+      <FetchBoundary>
+        <ErrorBoundary
+          fallbackRender={(props) => <EditErrorFallback {...props} />}
+        >
+          <EditCardProvider>
+            <MiniView />
+            <CardEditView />
+          </EditCardProvider>
+        </ErrorBoundary>
+      </FetchBoundary>
     </div>
   );
 };
diff --git a/frontend/src/components/dashboard/dashboard-edit/EditCardProvider.tsx b/frontend/src/components/dashboard/dashboard-edit/EditCardProvider.tsx
index 5663b64db..f89e0c551 100644
--- a/frontend/src/components/dashboard/dashboard-edit/EditCardProvider.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/EditCardProvider.tsx
@@ -1,11 +1,29 @@
 import { type PropsWithChildren, useRef, useState } from 'react';
 
+import { useSuspenseQuery } from '@tanstack/react-query';
+
 import { EditCardContext } from '@/constants/dashboard/editCardContext';
+import { dashboardOptions } from '@/services/dashboard';
 import type { DashboardCard, DragState, GhostState } from '@/types/dashboard';
 
 export const EditCardProvider = ({ children }: PropsWithChildren) => {
-  // TODO: 초기 그리드 상태 서버에서 받아오기
-  const initPlacedCards: DashboardCard[] = [];
+  const { data: tabs } = useSuspenseQuery(dashboardOptions.list);
+
+  const searchParams = new URLSearchParams(window.location.search);
+  const dashboardName = searchParams.get('tab') ?? undefined;
+  const currentDashboard = tabs.find((tab) => tab.name === dashboardName);
+
+  if (!currentDashboard) {
+    throw new Error('존재하지 않는 대시보드입니다.');
+  } else if (currentDashboard.isDefault) {
+    throw new Error('기본 대시보드는 편집할 수 없습니다.');
+  }
+
+  const { data: cardList } = useSuspenseQuery(
+    dashboardOptions.cardList(currentDashboard.id),
+  );
+
+  const initPlacedCards: DashboardCard[] = cardList;
 
   // 카드 그리드 상태
   const [placedCards, setPlacedCards] =
@@ -22,6 +40,7 @@ export const EditCardProvider = ({ children }: PropsWithChildren) => {
   return (
     <EditCardContext.Provider
       value={{
+        dashboardId: currentDashboard.id,
         initPlacedCards,
         placedCards,
         setPlacedCards,
diff --git a/frontend/src/components/dashboard/dashboard-edit/EditErrorFallback.tsx b/frontend/src/components/dashboard/dashboard-edit/EditErrorFallback.tsx
new file mode 100644
index 000000000..ad685f576
--- /dev/null
+++ b/frontend/src/components/dashboard/dashboard-edit/EditErrorFallback.tsx
@@ -0,0 +1,16 @@
+import type { FallbackProps } from 'react-error-boundary';
+import { useNavigate } from 'react-router-dom';
+
+import { ErrorFallback } from '@/components/shared';
+
+export const EditErrorFallback = (props: FallbackProps) => {
+  const navigate = useNavigate();
+
+  return (
+    <ErrorFallback
+      buttonText="나가기"
+      onClickButton={() => navigate(-1)}
+      {...props}
+    />
+  );
+};
diff --git a/frontend/src/components/dashboard/dashboard-edit/MiniView.tsx b/frontend/src/components/dashboard/dashboard-edit/MiniView.tsx
index b6bc31f37..cf7bd4117 100644
--- a/frontend/src/components/dashboard/dashboard-edit/MiniView.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/MiniView.tsx
@@ -21,14 +21,14 @@ export const MiniView = () => {
         <h1 className="title-large-bold text-grey-900">{title}</h1>
       </header>
       <div
-        className="relative mx-auto min-h-181 min-w-137.5"
+        className="relative mx-auto min-h-[410.4px] min-w-153"
         ref={gridRef}
         onDragOver={handleGridDragOver}
         onDragLeave={handleGridDragLeave}
         onDrop={handleGridDrop}
       >
         {/* 그리드 셀 가이드라인 */}
-        <div className="grid h-full grow grid-cols-3 grid-rows-3 gap-5">
+        <div className="grid h-full grow grid-cols-3 grid-rows-3 gap-3">
           {Array.from({ length: GRID_ROW_SIZE * GRID_COL_SIZE }).map(
             (_, index) => (
               <MiniViewEmptyCard key={`grid-${index}`} />
diff --git a/frontend/src/components/dashboard/dashboard-edit/MiniViewActiveCard.tsx b/frontend/src/components/dashboard/dashboard-edit/MiniViewActiveCard.tsx
index 7e5167671..ff6baae47 100644
--- a/frontend/src/components/dashboard/dashboard-edit/MiniViewActiveCard.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/MiniViewActiveCard.tsx
@@ -74,6 +74,7 @@ export const MiniViewActiveCard = ({
         <img
           src={`${CDN_BASE_URL}/assets/images/${type}.svg`}
           alt={`${label} 미니 뷰`}
+          className="size-10"
           draggable={false}
         />
         <p className="body-small-medium text-grey-900 mt-200 mb-100 text-center break-keep">
diff --git a/frontend/src/components/dashboard/dashboard-edit/MiniViewEmptyCard.tsx b/frontend/src/components/dashboard/dashboard-edit/MiniViewEmptyCard.tsx
index 3fc226ac7..d2d98e5b5 100644
--- a/frontend/src/components/dashboard/dashboard-edit/MiniViewEmptyCard.tsx
+++ b/frontend/src/components/dashboard/dashboard-edit/MiniViewEmptyCard.tsx
@@ -2,7 +2,7 @@ import { memo } from 'react';
 
 export const MiniViewEmptyCard = memo(() => {
   return (
-    <div className="rounded-400 border-grey-500 border-[1.5px] border-dashed" />
+    <div className="rounded-400 outline-grey-500 outline-1 -outline-offset-3 outline-dashed" />
   );
 });
 
diff --git a/frontend/src/components/dashboard/dashboard-header/DashboardEditButton.tsx b/frontend/src/components/dashboard/dashboard-header/DashboardEditButton.tsx
index 1efb2fbd6..76ff22188 100644
--- a/frontend/src/components/dashboard/dashboard-header/DashboardEditButton.tsx
+++ b/frontend/src/components/dashboard/dashboard-header/DashboardEditButton.tsx
@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import { Link } from 'react-router-dom';
 
 import { useSuspenseQuery } from '@tanstack/react-query';
@@ -6,12 +7,17 @@ import CardsIcon from '@/assets/icons/cards.svg?react';
 import { ROUTE_PATHS } from '@/constants/shared';
 import { useDashboardTabsContext } from '@/hooks/dashboard';
 import { dashboardOptions } from '@/services/dashboard/options';
+import { cn } from '@/utils/shared';
 
 export const DashboardEditButton = () => {
   const { data: tabs } = useSuspenseQuery(dashboardOptions.list);
 
   const { currentDashboardId } = useDashboardTabsContext();
 
+  const disabled = useMemo(() => {
+    return tabs.find((tab) => tab.isDefault)?.id === currentDashboardId;
+  }, [tabs, currentDashboardId]);
+
   return (
     <Link
       to={{
@@ -19,7 +25,11 @@ export const DashboardEditButton = () => {
         search: `?tab=${tabs.find((tab) => tab.id === currentDashboardId)?.name}`,
       }}
       aria-label="현재 탭의 지표카드 편집"
-      className="bg-grey-0 text-grey-700 body-medium-medium rounded-200 flex w-fit gap-200 border-none p-300 pl-250 shadow-none"
+      className={cn(
+        'bg-grey-0 text-grey-700 body-medium-medium rounded-200 flex w-fit gap-200 border-none p-300 pl-250 shadow-none',
+        disabled && 'cursor-default opacity-50',
+      )}
+      onClick={(e) => disabled && e.preventDefault()}
     >
       <CardsIcon className="size-5" />
       카드 편집
diff --git a/frontend/src/components/dashboard/dashboard-main/DashboardMainSuspense.tsx b/frontend/src/components/dashboard/dashboard-main/DashboardMainSuspense.tsx
index 0926e6e0d..a6176f313 100644
--- a/frontend/src/components/dashboard/dashboard-main/DashboardMainSuspense.tsx
+++ b/frontend/src/components/dashboard/dashboard-main/DashboardMainSuspense.tsx
@@ -1,9 +1,10 @@
 import { Skeleton } from '@/components/shared/shadcn-ui';
+import { GRID_COL_SIZE, GRID_ROW_SIZE } from '@/constants/dashboard';
 
 export const DashboardMainSuspense = () => {
   return (
     <div className="mb-10 grid h-181 w-full grid-cols-3 grid-rows-3 gap-5">
-      {Array.from({ length: 9 }).map((_, index) => {
+      {Array.from({ length: GRID_COL_SIZE * GRID_ROW_SIZE }).map((_, index) => {
         return (
           <Skeleton
             key={`dashboard-card-${index}`}
diff --git a/frontend/src/components/dashboard/dashboard-tab-list/AddTabDialogTrigger.tsx b/frontend/src/components/dashboard/dashboard-tab-list/AddTabDialogTrigger.tsx
index fd2b833e5..e41058e65 100644
--- a/frontend/src/components/dashboard/dashboard-tab-list/AddTabDialogTrigger.tsx
+++ b/frontend/src/components/dashboard/dashboard-tab-list/AddTabDialogTrigger.tsx
@@ -10,10 +10,11 @@ import {
   TooltipTrigger,
 } from '@/components/shared/shadcn-ui';
 import { DASHBOARD_TABS_DIALOG_MODE } from '@/constants/dashboard';
+import { LOCAL_STORAGE_KEY } from '@/constants/shared/localStorageKey';
 import { useDashboardTabsContext } from '@/hooks/dashboard';
 import { dashboardOptions } from '@/services/dashboard/options';
 
-const TOOLTIP_DISMISSED_KEY = 'dashboard_add_tooltip_dismissed_v1';
+const { TOOLTIP_DISMISSED: storageKey } = LOCAL_STORAGE_KEY;
 const TWELVE_HOURS_MS = 12 * 60 * 60 * 1000;
 
 const firstActiveDatetime = new Date(); // mocked
@@ -27,11 +28,11 @@ export const AddTabDialogTrigger = () => {
   const [showTooltip, setShowTooltip] = useState(
     tabs.length === 1 &&
       new Date().getTime() - firstActiveDatetime.getTime() <= TWELVE_HOURS_MS &&
-      !localStorage.getItem(TOOLTIP_DISMISSED_KEY),
+      !localStorage.getItem(storageKey),
   );
 
   const dismissPermanently = useCallback(() => {
-    localStorage.setItem(TOOLTIP_DISMISSED_KEY, '1');
+    localStorage.setItem(storageKey, '1');
     setShowTooltip(false);
   }, []);
 
diff --git a/frontend/src/components/dashboard/dashboard-tabs-provider/DashboardTabsProvider.tsx b/frontend/src/components/dashboard/dashboard-tabs-provider/DashboardTabsProvider.tsx
index caea55e23..b9291905f 100644
--- a/frontend/src/components/dashboard/dashboard-tabs-provider/DashboardTabsProvider.tsx
+++ b/frontend/src/components/dashboard/dashboard-tabs-provider/DashboardTabsProvider.tsx
@@ -6,14 +6,43 @@ import {
   DashboardTabsContext,
   type DashboardTabsDialogMode,
 } from '@/constants/dashboard';
+import { LOCAL_STORAGE_KEY } from '@/constants/shared';
 import { dashboardOptions } from '@/services/dashboard';
 
 export const DashboardTabsProvider = ({ children }: PropsWithChildren) => {
   const { data: tabs } = useSuspenseQuery(dashboardOptions.list);
 
-  const [currentDashboardId, setCurrentDashboardId] = useState<number>(
-    () => tabs.find((tab) => tab.isDefault)?.id ?? 1,
+  // localStorage에 대시보드 ID 저장
+  const { CURRENT_DASHBOARD_ID: storageKey } = LOCAL_STORAGE_KEY;
+
+  const getSavedDashboardId = () => {
+    if (localStorage.getItem(storageKey)) {
+      const parsedId = Number(localStorage.getItem(storageKey));
+      if (tabs.some((t) => t.id === parsedId)) {
+        return parsedId;
+      }
+    }
+  };
+  const saveDashboardId = (id: number) => {
+    try {
+      localStorage.setItem(storageKey, String(id));
+    } catch (e) {
+      if (e instanceof Error) {
+        console.error(e.message);
+      } else {
+        console.error('선택한 대시보드 정보를 저장할 수 없어요.', e);
+      }
+    }
+  };
+
+  const [currentDashboardId, setCurrentDashboardIdState] = useState<number>(
+    getSavedDashboardId() ?? tabs.find((tab) => tab.isDefault)?.id ?? 1,
   );
+  const setCurrentDashboardId = (id: number) => {
+    setCurrentDashboardIdState(id);
+    saveDashboardId(id);
+  };
+
   const [dialogState, setDialogState] = useState<{
     open: boolean;
     mode: DashboardTabsDialogMode | null;
diff --git a/frontend/src/components/shared/error-fallback/ErrorFallback.tsx b/frontend/src/components/shared/error-fallback/ErrorFallback.tsx
new file mode 100644
index 000000000..63f78f079
--- /dev/null
+++ b/frontend/src/components/shared/error-fallback/ErrorFallback.tsx
@@ -0,0 +1,39 @@
+import { type FallbackProps } from 'react-error-boundary';
+
+import { Button } from '@/components/shared/shadcn-ui';
+
+interface ErrorFallbackProps extends FallbackProps {
+  errorMessage?: string;
+  buttonText?: string;
+  onClickButton?: () => void;
+}
+export const ErrorFallback = ({
+  error,
+  errorMessage,
+  buttonText = '다시 시도',
+  onClickButton,
+  resetErrorBoundary,
+}: ErrorFallbackProps) => {
+  const handleClick = () => {
+    resetErrorBoundary(); // 에러 바운더리의 에러상태 초기화 -> 이걸 해야 에러 바운더리가 다시 자식 컴포넌트를 렌더링 시도함
+    onClickButton?.();
+  };
+
+  const message =
+    error instanceof Error ? error.message : '오류가 발생했습니다.';
+
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center gap-3">
+      <p className="body-medium-medium text-center">
+        {errorMessage ?? message}
+      </p>
+
+      <Button
+        className="rounded-200 body-medium-medium bg-brand-main text-grey-50 px-4 py-3"
+        onClick={handleClick}
+      >
+        {buttonText}
+      </Button>
+    </div>
+  );
+};
diff --git a/frontend/src/components/shared/error-fallback/index.ts b/frontend/src/components/shared/error-fallback/index.ts
new file mode 100644
index 000000000..23f9f0c42
--- /dev/null
+++ b/frontend/src/components/shared/error-fallback/index.ts
@@ -0,0 +1 @@
+export { ErrorFallback } from './ErrorFallback';
diff --git a/frontend/src/components/shared/fetch-boundary/ErrorFallback.tsx b/frontend/src/components/shared/fetch-boundary/ErrorFallback.tsx
deleted file mode 100644
index 079c647ca..000000000
--- a/frontend/src/components/shared/fetch-boundary/ErrorFallback.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { FallbackProps } from 'react-error-boundary';
-
-import { useQueryErrorResetBoundary } from '@tanstack/react-query';
-
-import { Button } from '@/components/shared/shadcn-ui';
-
-export const ErrorFallback = ({ resetErrorBoundary }: FallbackProps) => {
-  const { reset } = useQueryErrorResetBoundary();
-  const handleClickReset = () => {
-    resetErrorBoundary(); // 에러 바운더리의 에러상태 초기화 -> 이걸 해야 에러 바운더리가 다시 자식 컴포넌트를 렌더링 시도함
-    reset(); // tanstack Query의 에러 상태를 초기화
-  };
-  return (
-    <div className="flex h-full w-full flex-col items-center justify-center gap-3">
-      <pre className="body-medium-medium text-center">오류가 발생했습니다!</pre>
-
-      <Button
-        className="rounded-200 body-medium-medium bg-brand-main text-grey-50 px-4 py-3"
-        onClick={handleClickReset}
-      >
-        다시 불러오기
-      </Button>
-    </div>
-  );
-};
diff --git a/frontend/src/components/shared/fetch-boundary/FetchBoundary.tsx b/frontend/src/components/shared/fetch-boundary/FetchBoundary.tsx
index 6419384d7..5595df881 100644
--- a/frontend/src/components/shared/fetch-boundary/FetchBoundary.tsx
+++ b/frontend/src/components/shared/fetch-boundary/FetchBoundary.tsx
@@ -1,7 +1,7 @@
 import { Suspense } from 'react';
 import { ErrorBoundary, type FallbackProps } from 'react-error-boundary';
 
-import { ErrorFallback } from './ErrorFallback';
+import { FetchErrorFallback } from './FetchErrorFallback';
 import { LoadingFallback } from './LoadingFallback';
 
 // 기본 카드(흰 배경, 모서리 라운드)용 에러 바운더리 컴포넌트
@@ -20,7 +20,7 @@ export const FetchBoundary = ({
     CustomErrorFallback ? (
       <CustomErrorFallback {...props} />
     ) : (
-      <ErrorFallback {...props} />
+      <FetchErrorFallback {...props} />
     );
   const renderLoadingFallback = CustomLoadingFallback ? (
     <CustomLoadingFallback />
diff --git a/frontend/src/components/shared/fetch-boundary/FetchErrorFallback.tsx b/frontend/src/components/shared/fetch-boundary/FetchErrorFallback.tsx
new file mode 100644
index 000000000..90ddae970
--- /dev/null
+++ b/frontend/src/components/shared/fetch-boundary/FetchErrorFallback.tsx
@@ -0,0 +1,21 @@
+import type { FallbackProps } from 'react-error-boundary';
+
+import { useQueryErrorResetBoundary } from '@tanstack/react-query';
+
+import { ErrorFallback } from '../error-fallback';
+
+export const FetchErrorFallback = (props: FallbackProps) => {
+  const { reset } = useQueryErrorResetBoundary();
+
+  const handleClickReset = () => {
+    reset(); // tanstack Query의 에러 상태를 초기화
+  };
+
+  return (
+    <ErrorFallback
+      {...props}
+      buttonText="다시 불러오기"
+      onClickButton={handleClickReset}
+    />
+  );
+};
diff --git a/frontend/src/components/shared/index.ts b/frontend/src/components/shared/index.ts
index a08cc515e..3f27ae4c7 100644
--- a/frontend/src/components/shared/index.ts
+++ b/frontend/src/components/shared/index.ts
@@ -17,7 +17,8 @@ export { MainLayout } from './main-layout';
 export { PeriodTag, EditCardWrapper } from './edit-card-wrapper';
 export { ButtonGroup } from './button-group';
 export { PaginationBar } from './pagination';
-export { SectionHeader } from './section-header';
 export { FetchBoundary } from './fetch-boundary';
+export { ErrorFallback } from './error-fallback';
+export { SectionHeader } from './section-header';
 export { LineChart } from './line-chart';
 export { BarLineChart } from './bar-line-chart';
diff --git a/frontend/src/constants/dashboard/editCardContext.ts b/frontend/src/constants/dashboard/editCardContext.ts
index 8b48dbf38..2a8d82aa6 100644
--- a/frontend/src/constants/dashboard/editCardContext.ts
+++ b/frontend/src/constants/dashboard/editCardContext.ts
@@ -8,6 +8,8 @@ import {
 import type { DashboardCard, DragState, GhostState } from '@/types/dashboard';
 
 interface EditCardContextType {
+  dashboardId: number;
+
   initPlacedCards: DashboardCard[];
 
   placedCards: DashboardCard[];
diff --git a/frontend/src/constants/shared/index.ts b/frontend/src/constants/shared/index.ts
index 32d3945c0..da6348a54 100644
--- a/frontend/src/constants/shared/index.ts
+++ b/frontend/src/constants/shared/index.ts
@@ -25,3 +25,5 @@ export { ONE_HUNDRED_MILLION, TEN_THOUSAND } from './number';
 export { TOAST_DEFAULT } from './toast';
 export { LINE_CHART } from './line-chart';
 export { BAR_CHART, STACK_BAR_CHART } from './bar-chart';
+
+export { LOCAL_STORAGE_KEY } from './localStorageKey';
diff --git a/frontend/src/constants/shared/localStorageKey.ts b/frontend/src/constants/shared/localStorageKey.ts
new file mode 100644
index 000000000..0544f2997
--- /dev/null
+++ b/frontend/src/constants/shared/localStorageKey.ts
@@ -0,0 +1,4 @@
+export const LOCAL_STORAGE_KEY = {
+  CURRENT_DASHBOARD_ID: 'current_dashboard_id_v1',
+  TOOLTIP_DISMISSED: 'dashboard_add_tooltip_dismissed_v1',
+} as const;
diff --git a/frontend/src/hooks/dashboard/useDashboardTabsDialog.ts b/frontend/src/hooks/dashboard/useDashboardTabsDialog.ts
index f40186dd7..530596b12 100644
--- a/frontend/src/hooks/dashboard/useDashboardTabsDialog.ts
+++ b/frontend/src/hooks/dashboard/useDashboardTabsDialog.ts
@@ -182,7 +182,6 @@ export const useDashboardTabsDialog = () => {
 
   const handleCancel = () => {
     setNewTabs(tabs.map((tab) => tab.name));
-    toast('변경 사항이 저장되지 않았어요.');
     closeDialog();
   };
 
diff --git a/frontend/src/hooks/dashboard/useGridCellSize.ts b/frontend/src/hooks/dashboard/useGridCellSize.ts
index bbbdc05cc..b7726c948 100644
--- a/frontend/src/hooks/dashboard/useGridCellSize.ts
+++ b/frontend/src/hooks/dashboard/useGridCellSize.ts
@@ -3,9 +3,9 @@ import { useCallback } from 'react';
 import { GRID_COL_SIZE, GRID_ROW_SIZE } from '@/constants/dashboard';
 
 export const useGridCellSize = () => {
-  const GRID_HEIGHT_SIZE = 724;
-  const GRID_WIDTH_SIZE = 550;
-  const GRID_GAP_SIZE = 20;
+  const GRID_HEIGHT_SIZE = 410.4;
+  const GRID_WIDTH_SIZE = 153 * 4;
+  const GRID_GAP_SIZE = 12;
 
   const cellColSize =
     (GRID_WIDTH_SIZE - GRID_GAP_SIZE * (GRID_COL_SIZE - 1)) / GRID_COL_SIZE;
diff --git a/frontend/src/services/dashboard/keys.ts b/frontend/src/services/dashboard/keys.ts
index 5dbe7ba05..fef6d4248 100644
--- a/frontend/src/services/dashboard/keys.ts
+++ b/frontend/src/services/dashboard/keys.ts
@@ -3,10 +3,6 @@ export const dashboardKeys = {
   list: () => [...dashboardKeys.all, 'list'] as const,
   name: (dashboardId: number | string) =>
     [...dashboardKeys.all, 'detail', dashboardId] as const,
-  cards: (dashboardId: number | string, params?: Record<string, unknown>) =>
-    [
-      ...dashboardKeys.name(dashboardId),
-      'cards',
-      params ? JSON.stringify(params) : 'all',
-    ] as const,
+  cards: (dashboardId: number | string) =>
+    [...dashboardKeys.name(dashboardId), 'cards'] as const,
 };