From a16f7b06d541b91c0f55b844497affd4623a83ea Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Sat, 25 Oct 2025 12:25:40 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99=20=EC=8B=9C=20=EC=9E=90=EB=8F=99=20=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EB=B0=8F=20=ED=97=A4=EB=8D=94=20=EC=95=88?=
 =?UTF-8?q?=EB=B3=B4=EC=9E=84=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔍 Root Cause Analysis:
1. initializeApp 함수 정의 전에 호출되는 스크립트 로딩 순서 문제
2. 공통 헤더 모듈 로드 타이밍 이슈
3. currentUser undefined로 인한 연쇄 오류

🔧 Key Fixes:
- initializeApp 함수 존재 여부 확인 후 호출
- 함수 미정의 시 100ms 지연 후 재시도
- manualInitialize 대안 함수 추가 (완전한 fallback)
- 공통 헤더 모듈 로드 상태 확인 및 지연 초기화
- 상세한 디버깅 로그로 각 단계 추적

🛡️ Enhanced Error Handling:
- 스크립트 로딩 실패 시 대안 경로 제공
- 공통 헤더 초기화 실패 시 지연 재시도
- 각 모듈별 로드 상태 확인 로직

🎯 Expected Results:
- 페이지 간 이동 시 안정적인 사용자 세션 유지
- 공통 헤더 일관된 표시
- currentUser 정상 초기화
- 자동 로그아웃 문제 해결

🔍 Debug Logs Added:
- 🚀 initializeApp 함수 호출 시작
- 🔧 수동 초기화 시작
- ✅/❌ 각 모듈 로드 성공/실패 상태
- 🔄 지연된 초기화 시도
---
 frontend/index.html | 93 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 89 insertions(+), 4 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 4533065..01a3dcc 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -446,8 +446,24 @@
             console.log('🔍 API_BASE_URL:', typeof API_BASE_URL !== 'undefined' ? API_BASE_URL : 'undefined');
             console.log('🌐 현재 hostname:', window.location.hostname);
             console.log('🔗 현재 protocol:', window.location.protocol);
-            // API 로드 후 초기화 시작
-            initializeApp();
+            
+            // initializeApp 함수가 정의되었는지 확인
+            if (typeof initializeApp === 'function') {
+                console.log('🚀 initializeApp 함수 호출 시작');
+                initializeApp();
+            } else {
+                console.error('❌ initializeApp 함수가 정의되지 않음');
+                // 대안: 직접 초기화 로직 실행
+                setTimeout(() => {
+                    if (typeof initializeApp === 'function') {
+                        console.log('🔄 지연된 initializeApp 함수 호출');
+                        initializeApp();
+                    } else {
+                        console.error('❌ initializeApp 함수를 찾을 수 없음 - 수동 초기화');
+                        manualInitialize();
+                    }
+                }, 100);
+            }
         };
         script.setAttribute('cache-control', 'no-cache, no-store, must-revalidate');
         script.setAttribute('pragma', 'no-cache');
@@ -472,6 +488,62 @@
         let currentPhotos = [];
         let issues = [];
         
+        // 수동 초기화 함수 (initializeApp 함수가 로드되지 않을 때 사용)
+        async function manualInitialize() {
+            console.log('🔧 수동 초기화 시작');
+            
+            // 토큰이 있으면 사용자 정보 가져오기
+            const token = localStorage.getItem('access_token');
+            if (token) {
+                try {
+                    // 토큰으로 사용자 정보 가져오기 (API 호출)
+                    const user = await AuthAPI.getCurrentUser();
+                    currentUser = user;
+                    
+                    // localStorage에도 백업 저장
+                    localStorage.setItem('currentUser', JSON.stringify(user));
+                    
+                    // 공통 헤더 초기화
+                    console.log('🔧 수동 초기화 - 공통 헤더 초기화 시작:', user);
+                    console.log('window.commonHeader 존재:', !!window.commonHeader);
+                    
+                    if (window.commonHeader && typeof window.commonHeader.init === 'function') {
+                        await window.commonHeader.init(user, 'issues_create');
+                        console.log('✅ 수동 초기화 - 공통 헤더 초기화 완료');
+                    } else {
+                        console.error('❌ 수동 초기화 - 공통 헤더 모듈이 로드되지 않음');
+                    }
+                    
+                    // 페이지 접근 권한 체크 (부적합 등록 페이지)
+                    setTimeout(() => {
+                        if (typeof canAccessPage === 'function' && !canAccessPage('issues_create')) {
+                            alert('부적합 등록 페이지에 접근할 권한이 없습니다.');
+                            window.location.href = '/issue-view.html';
+                            return;
+                        }
+                    }, 500);
+                    
+                    // 사용자 정보는 공통 헤더에서 표시됨
+                    document.getElementById('loginScreen').classList.add('hidden');
+                    document.getElementById('mainScreen').classList.remove('hidden');
+                    
+                    // 프로젝트 로드
+                    await loadProjects();
+                    
+                    loadIssues();
+                    
+                    // URL 해시 처리
+                    handleUrlHash();
+                    
+                } catch (error) {
+                    console.error('수동 초기화 실패:', error);
+                    // 토큰이 유효하지 않으면 로그아웃
+                    localStorage.removeItem('access_token');
+                    localStorage.removeItem('currentUser');
+                }
+            }
+        }
+        
         // API 로드 후 앱 초기화
         async function initializeApp() {
             console.log('🚀 앱 초기화 시작');
@@ -489,8 +561,21 @@
                     
                 // 공통 헤더 초기화
                 console.log('🔧 공통 헤더 초기화 시작:', user);
-                await window.commonHeader.init(user, 'issues_create');
-                console.log('✅ 공통 헤더 초기화 완료');
+                console.log('window.commonHeader 존재:', !!window.commonHeader);
+                
+                if (window.commonHeader && typeof window.commonHeader.init === 'function') {
+                    await window.commonHeader.init(user, 'issues_create');
+                    console.log('✅ 공통 헤더 초기화 완료');
+                } else {
+                    console.error('❌ 공통 헤더 모듈이 로드되지 않음');
+                    // 대안: 기본 사용자 정보 표시
+                    setTimeout(() => {
+                        if (window.commonHeader && typeof window.commonHeader.init === 'function') {
+                            console.log('🔄 지연된 공통 헤더 초기화');
+                            window.commonHeader.init(user, 'issues_create');
+                        }
+                    }, 200);
+                }
                     
                     // 페이지 접근 권한 체크 (부적합 등록 페이지)
                     setTimeout(() => {