Hyungi Ahn 71e99fed1a perf: 공통 헤더 표시 타이밍 대폭 개선 - 한박자 늦음 해결 ...

🎯 Issue: 헤더가 한박자 늦게 나오는 문제
- 기존: API 스크립트 로드 → 인증 체크 → 헤더 초기화 (느림)
- 개선: DOM 로드 즉시 → 캐시된 사용자로 헤더 표시 (빠름)

⚡ Performance Improvements:
1. DOM 로드 시점에서 즉시 헤더 표시 시도
2. AuthManager 캐시된 사용자 정보 활용
3. 공통 헤더 초기화 함수 분리 및 중복 방지
4. 3단계 헤더 초기화 전략

🔧 3-Tier Header Loading Strategy:
Tier 1: DOM 로드 시점 (가장 빠름)
  - AuthManager 캐시 확인
  - 사용자 정보 있으면 즉시 헤더 표시

Tier 2: API 스크립트 로드 후 (보조)
  - 캐시된 사용자로 즉시 헤더 초기화
  - 이미 초기화되었으면 스킵

Tier 3: 인증 체크 후 (최종 확인)
  - 이미 초기화되었으면 스킵
  - 중복 초기화 방지

🎨 Enhanced UX:
- 헤더 표시 지연 최소화 (거의 즉시)
- 중복 초기화 방지로 깜빡임 없음
- 로그인된 사용자 경험 대폭 개선

🔧 Code Improvements:
- initializeCommonHeader() 함수 분리
- window.commonHeaderInitialized 플래그
- 공통 헤더 모듈 로드 대기 로직
- 중복 방지 및 에러 처리

Expected Result:
✅ 헤더 즉시 표시 (한박자 늦음 해결)
✅ 매끄러운 페이지 로딩
✅ 중복 초기화 방지
✅ 안정적인 헤더 표시

2025-10-25 12:39:09 +09:00

98 KiB

Raw Blame History

View Raw