[Deploy] develop → main 배포 반영

.storybook/main.ts

@@ -1,8 +1,19 @@
 import type { StorybookConfig } from "@storybook/react-vite";
+import type { InlineConfig } from "vite";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: ["@storybook/addon-essentials"],
   framework: "@storybook/react-vite",
+  async viteFinal(viteConfig: InlineConfig) {
+    viteConfig.define = {
+      ...(viteConfig.define ?? {}),
+      "import.meta.env.VITE_API_BASE_URL": JSON.stringify(
+        "http://localhost:8080",
+      ),
+    };
+    return viteConfig;
+  },
 };
+
 export default config;

.storybook/preview.tsx

@@ -2,13 +2,23 @@ import "../src/index.css";
 
 import { MemoryRouter } from "react-router-dom";
 import type { Preview } from "@storybook/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { retry: false },
+    mutations: { retry: false },
+  },
+});
 
 const preview: Preview = {
   decorators: [
     (Story) => (
-      <MemoryRouter>
-        <Story />
-      </MemoryRouter>
+      <QueryClientProvider client={queryClient}>
+        <MemoryRouter>
+          <Story />
+        </MemoryRouter>
+      </QueryClientProvider>
     ),
   ],
   parameters: {

package.json

@@ -21,10 +21,12 @@
     "@tanstack/react-query": "^5.90.17",
     "apexcharts": "^5.7.0",
     "axios": "^1.13.4",
+    "crypto-js": "^4.2.0",
     "framer-motion": "^12.38.0",
     "react": "^19.2.0",
     "react-apexcharts": "^2.0.1",
     "react-dom": "^19.2.0",
+    "react-error-boundary": "^6.1.2",
     "react-hook-form": "^7.71.1",
     "react-markdown": "^10.1.0",
     "react-remove-scroll": "^2.7.2",
@@ -45,6 +47,7 @@
     "@storybook/react-vite": "8.6.17",
     "@storybook/test": "8.6.17",
     "@tailwindcss/forms": "^0.5.11",
+    "@types/crypto-js": "^4.2.2",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",

src/api/integration/naver.ts

@@ -4,14 +4,37 @@ import type {
   INaverCredentialsRequest,
 } from "@/types/integration/naver";
 
+import { encryptAesCbcBase64 } from "@/utils/integration/encryptAesCbcBase64";
+
 import { axiosInstance } from "@/lib/axiosInstance";
 
+/** 폼 입력(평문) → API body(키만 암호화) */
+function toNaverEncryptedBody(
+  body: INaverCredentialsRequest,
+): INaverCredentialsRequest {
+  return {
+    customerId: body.customerId.trim(),
+    apiKey: encryptAesCbcBase64(body.apiKey.trim()),
+    secretKey: encryptAesCbcBase64(body.secretKey.trim()),
+  };
+}
+
 export async function connectNaverAccount(
   orgId: number,
   body: INaverCredentialsRequest,
 ): Promise<void> {
   await axiosInstance.post<ICommonResponse<INaverConnectResponseData>>(
     `/api/platform/${orgId}/accounts/naver`,
-    body,
+    toNaverEncryptedBody(body),
+  );
+}
+
+export async function updateNaverAccount(
+  orgId: number,
+  body: INaverCredentialsRequest,
+): Promise<void> {
+  await axiosInstance.patch(
+    `/api/platform/${orgId}/accounts/naver`,
+    toNaverEncryptedBody(body),
   );
 }

src/api/integration/platformAccounts.ts

@@ -11,3 +11,10 @@ export const getPlatformAccounts = async (
   >(`/api/platform/${orgId}/accounts`);
   return data.data;
 };
+
+export async function disconnectPlatformAccount(
+  orgId: number,
+  accountId: number,
+): Promise<void> {
+  await axiosInstance.delete(`/api/platform/${orgId}/accounts/${accountId}`);
+}