From 5940a40c1618119655727492ef5fe0aace6b5283 Mon Sep 17 00:00:00 2001
From: Hello-Worldismine <alstnqls02@naver.com>
Date: Mon, 17 Nov 2025 06:07:10 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Interview/upload_check.tsx |  3 +-
 src/services/randomQuestionApi.ts    | 69 +++++-----------------------
 2 files changed, 13 insertions(+), 59 deletions(-)

diff --git a/src/pages/Interview/upload_check.tsx b/src/pages/Interview/upload_check.tsx
index 88e1659..7625d50 100644
--- a/src/pages/Interview/upload_check.tsx
+++ b/src/pages/Interview/upload_check.tsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 
 import InterviewLayout from '@/layouts/InterviewLayout';
+import orangeFrog from '@/assets/orangeFrog.svg';
 
 export default function UploadCheck() {
   const navigate = useNavigate();
@@ -124,7 +125,7 @@ export default function UploadCheck() {
       </div>
 
       <div className="w-80 flex items-end justify-center">
-        <img src="src/assets/orangeFrog.svg" alt="리뷰캐릭터" className="w-64 h-auto" />
+        <img src={orangeFrog} alt="리뷰캐릭터" className="w-48 h-auto" />
       </div>
 
       <style>{`
diff --git a/src/services/randomQuestionApi.ts b/src/services/randomQuestionApi.ts
index d2a573d..87962c4 100644
--- a/src/services/randomQuestionApi.ts
+++ b/src/services/randomQuestionApi.ts
@@ -148,75 +148,28 @@ export const pollFeedbackResult = async (
   throw new Error('Polling timeout - 피드백 생성 시간이 너무 오래 걸립니다.');
 };
 
-// ---------------------- SSE 구독 ----------------------
-
 /**
  * 7. SSE 구독
- * - 기본 경로: /api/subscribe (VITE_SSE_PATH로 오버라이드 가능)
- * - baseURL 및 path가 모두 /api를 포함해도 중복되지 않도록 정규화
- * - 절대 URL이 오면 그대로 사용
  */
 export const subscribeToNotifications = (
-  onMessage: (event: MessageEvent<string>) => void,
-  onError?: (error: unknown) => void,
+  onMessage: (event: MessageEvent) => void,
+  onError?: (error: Event) => void,
 ): EventSource => {
-  const base = apiClient.defaults.baseURL ?? ''; // 예: '', '/api', 'https://api.domain.com', 'https://api.domain.com/api'
-  let path = import.meta.env.VITE_SSE_PATH ?? '/api/subscribe';
-
-  // 절대 경로면 그대로 사용
-  if (/^https?:\/\//.test(path)) {
-    // eslint-disable-next-line no-console
-    console.log('[SSE] connect (absolute)', { url: path, hasToken: !!localStorage.getItem('accessToken') });
-    return new (EventSourcePolyfill as any)(
-      appendToken(path),
-      esOptions(),
-    ) as EventSource;
-  }
+  const baseURL = apiClient.defaults.baseURL ?? '';
+  const eventSource = new EventSourcePolyfill(`${baseURL}/api/subscribe`, {
+    withCredentials: true,
+    heartbeatTimeout: 300000, // 5분
+  }) as EventSource;
 
-  // base와 path 모두 상대라면 안전하게 합치기
-  const normBase = (base || '').replace(/\/+$/, '');     // 끝 슬래시 제거
-  let normPath = path.replace(/^\/+/, '/');              // 앞 슬래시는 하나만 유지
+  eventSource.onmessage = onMessage;
 
-  // base가 /api 로 끝나고, path가 /api/...로 시작하면 path의 선두 /api 제거
-  if (/\/api$/.test(normBase) && /^\/api\//.test(normPath)) {
-    normPath = normPath.replace(/^\/api/, '');
+  if (onError) {
+    eventSource.onerror = onError;
   }
 
-  // 최종 URL
-  const finalUrl = `${normBase}${normPath.startsWith('/') ? '' : '/'}${normPath || ''}` || '/api/subscribe';
-
-  // 디버깅
-  // eslint-disable-next-line no-console
-  console.log('[SSE] connect', { base: normBase || '(relative)', rawPath: path, url: finalUrl, hasToken: !!localStorage.getItem('accessToken') });
-
-  const es = new (EventSourcePolyfill as any)(
-    appendToken(finalUrl),
-    esOptions(),
-  ) as EventSource;
-
-  (es as any).onmessage = onMessage;
-  if (onError) (es as any).onerror = onError;
-
-  return es;
+  return eventSource;
 };
 
-// 토큰을 쿼리스트링으로 추가(백엔드가 허용하는 경우)
-function appendToken(url: string) {
-  const token = localStorage.getItem('accessToken') ?? '';
-  if (!token) return url;
-  const sep = url.includes('?') ? '&' : '?';
-  return `${url}${sep}token=${encodeURIComponent(token)}`;
-}
-
-function esOptions() {
-  const token = localStorage.getItem('accessToken') ?? '';
-  return {
-    withCredentials: true,
-    heartbeatTimeout: 120_000,
-    headers: token ? { Authorization: `Bearer ${token}` } : undefined,
-  };
-}
-
 // ---------------------- 업로드 → 피드백 전체 플로우 ----------------------
 
 export const uploadFeedbackRecordingAndGetResult = async (

From f4c7d2c91296b9dda53bcf36fdb46ef4a8c3a986 Mon Sep 17 00:00:00 2001
From: Hello-Worldismine <alstnqls02@naver.com>
Date: Mon, 17 Nov 2025 06:12:16 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Interview/upload_done.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Interview/upload_done.tsx b/src/pages/Interview/upload_done.tsx
index 98b1442..26d84d7 100644
--- a/src/pages/Interview/upload_done.tsx
+++ b/src/pages/Interview/upload_done.tsx
@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 
 import InterviewLayout from '@/layouts/InterviewLayout';
+import orangeFrog from '@/assets/orangeFrog.svg';
 
 export default function UploadDone() {
   const navigate = useNavigate();
@@ -46,7 +47,7 @@ export default function UploadDone() {
 
       {/* 오른쪽 캐릭터 이미지 */}
       <div className="w-80 flex items-end justify-center">
-        <img src="src/assets/orangeFrog.svg" alt="리뷰캐릭터" className="w-64 h-auto" />
+        <img src={orangeFrog} alt="리뷰캐릭터" className="w-48 h-auto" />
       </div>
     </InterviewLayout>
   );