feat: 세션 토큰을 URL에서 캡처하여 쿠키에 저장하는 기능 추가 및 관련 설정 업데이트

Author: MU-Software

apps/pyconkr-2025/src/main.tsx

@@ -1,7 +1,7 @@
 import { Global } from "@emotion/react";
 import { CenteredPage, CommonContextProvider, ErrorFallback } from "@frontend/common/components";
 import type { ContextOptions } from "@frontend/common/contexts";
-import { registerChunkLoadErrorReloadHandler } from "@frontend/common/utils";
+import { captureSessionTokenFromURL, registerChunkLoadErrorReloadHandler } from "@frontend/common/utils";
 import { ShopContextProvider } from "@frontend/shop/components/common";
 import { ContextOptions as ShopContextOptions } from "@frontend/shop/contexts";
 import { CircularProgress, CssBaseline, ThemeProvider } from "@mui/material";
@@ -13,11 +13,11 @@ import { FC, StrictMode, useState } from "react";
 import { createRoot } from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 
-import { router } from "./router.tsx";
 import { IS_DEBUG_ENV } from "./consts";
 import { LOCAL_STORAGE_LANGUAGE_KEY } from "./consts/local_stroage.ts";
 import { PyConKRMDXComponents } from "./consts/mdx_components.ts";
 import { AppContext, AppContextType } from "./contexts/app_context.tsx";
+import { router } from "./router.tsx";
 import { globalStyles, muiTheme } from "./styles/globalStyles.ts";
 
 const queryClient = new QueryClient({
@@ -106,5 +106,6 @@ export const MainApp: FC = () => {
 };
 
 registerChunkLoadErrorReloadHandler();
+captureSessionTokenFromURL(import.meta.env.VITE_PYCONKR_BACKEND_SESSION_COOKIE_NAME);
 
 createRoot(document.getElementById("root")!).render(<MainApp />);

apps/pyconkr-2025/vite.config.mts

@@ -35,6 +35,7 @@ export default defineConfig(({ mode }) => {
       proxy: {
         "/v1": proxyOptions,
         "/api": proxyOptions,
+        "/authn": proxyOptions,
       },
     },
   };

apps/pyconkr-2026/src/main.tsx

@@ -1,7 +1,7 @@
 import { Global } from "@emotion/react";
 import { CenteredPage, CommonContextProvider, ErrorFallback } from "@frontend/common/components";
 import type { ContextOptions } from "@frontend/common/contexts";
-import { registerChunkLoadErrorReloadHandler } from "@frontend/common/utils";
+import { captureSessionTokenFromURL, registerChunkLoadErrorReloadHandler } from "@frontend/common/utils";
 import { ShopContextProvider } from "@frontend/shop/components/common";
 import { ContextOptions as ShopContextOptions } from "@frontend/shop/contexts";
 import { CircularProgress, CssBaseline, ThemeProvider } from "@mui/material";
@@ -107,5 +107,6 @@ export const MainApp: FC = () => {
 };
 
 registerChunkLoadErrorReloadHandler();
+captureSessionTokenFromURL(import.meta.env.VITE_PYCONKR_BACKEND_SESSION_COOKIE_NAME);
 
 createRoot(document.getElementById("root")!).render(<MainApp />);

apps/pyconkr-2026/vite.config.mts

@@ -35,6 +35,7 @@ export default defineConfig(({ mode }) => {
       proxy: {
         "/v1": proxyOptions,
         "/api": proxyOptions,
+        "/authn": proxyOptions,
       },
     },
   };

dotenv/.env.development

@@ -1,4 +1,5 @@
 VITE_PYCONKR_FRONTEND_DOMAIN=https://dev.pycon.kr
 VITE_PYCONKR_BACKEND_API_DOMAIN=https://rest-api-dev.pycon.kr
 VITE_PYCONKR_BACKEND_CSRF_COOKIE_NAME=DEBUG_PYCONKR_BACKEND_csrftoken
+VITE_PYCONKR_BACKEND_SESSION_COOKIE_NAME=DEBUG_PYCONKR_BACKEND_sessionid
 VITE_PYCONKR_SHOP_IMP_ACCOUNT_ID=imp80859147

dotenv/.env.production

@@ -1,4 +1,5 @@
 VITE_PYCONKR_FRONTEND_DOMAIN=https://2025.pycon.kr
 VITE_PYCONKR_BACKEND_API_DOMAIN=https://rest-api.pycon.kr
 VITE_PYCONKR_BACKEND_CSRF_COOKIE_NAME=PYCONKR_BACKEND_csrftoken
+VITE_PYCONKR_BACKEND_SESSION_COOKIE_NAME=PYCONKR_BACKEND_sessionid
 VITE_PYCONKR_SHOP_IMP_ACCOUNT_ID=imp96676915

packages/common/src/utils/cookie.ts

@@ -10,3 +10,17 @@ export const getCookie = (name: string) => {
   });
   return cookieValue;
 };
+
+export const captureSessionTokenFromURL = (cookieName: string | undefined): void => {
+  if (!cookieName) return;
+
+  const hash = window.location.hash.replace(/^#/, "");
+  if (!hash) return;
+
+  const hashParams = new URLSearchParams(hash);
+  const token = hashParams.get("session_token");
+  if (!token) return;
+
+  document.cookie = `${cookieName}=${encodeURIComponent(token)}; path=/; SameSite=Lax; Secure; Max-Age=1209600`;
+  window.history.replaceState({}, "", window.location.pathname + window.location.search);
+};

packages/common/src/utils/index.ts

@@ -1,6 +1,6 @@
 export { buildFlatSiteMap, buildNestedSiteMap, parseCss } from "./api";
 export { isChunkLoadError, registerChunkLoadErrorReloadHandler, reloadForChunkLoadError } from "./chunk_load_error";
-export { getCookie } from "./cookie";
+export { captureSessionTokenFromURL, getCookie } from "./cookie";
 export { getFormValue, isFormValid } from "./form";
 export { filterPropertiesByLanguageInJsonSchema, filterReadOnlyPropertiesInJsonSchema, filterWritablePropertiesInJsonSchema } from "./json_schema";
 export { extractQueryParameters } from "./openapi";