🐛 해결된 문제:
- auth-check.js의 ES6 import 문법 오류
- window.apiCall is not a function 오류
- 스크립트 로딩 순서로 인한 의존성 문제
🔧 수정 내용:
1. auth-check.js:
- ES6 import 제거 → 함수 직접 구현
- isLoggedIn, getUser, clearAuthData 내장
- 모듈 의존성 완전 제거
2. 스크립트 로딩 순서 최적화:
- api-config.js: defer 제거 (즉시 로드)
- auth-check.js: defer 유지
- modern-dashboard.js: defer 유지
3. modern-dashboard.js:
- API 함수 로드 대기 로직 추가
- 최대 5초 대기 후 오류 처리
- 안전한 초기화 보장
✅ 개선 효과:
- 모든 JavaScript 오류 해결
- 안정적인 스크립트 로딩 순서
- API 함수 의존성 문제 해결
- 대시보드 정상 초기화 보장
테스트: http://localhost:20000/pages/dashboard/group-leader.html
- auth-check, load-navbar, load-sidebar 리팩토링
- auth.js 모듈을 활용하여 코드 중복 제거 및 일관성 확보
- DOMParser를 사용하여 컴포넌트 로딩 시 화면 깜빡임 현상 해결
- user-dashboard에 API 연동을 위한 견고한 기반 코드 마련
