68e3c68880
🗑️ 불필요한 기능 제거: - 문서 관리 시스템 섹션 완전 제거 - 관련 CSS 스타일 정리 - 깔끔한 로그인 페이지 구성 🔧 JavaScript 브라우저 호환성 개선: 1. api-helper.js: - ES6 import/export → 브라우저 호환 스크립트 - 함수들을 window 객체에 등록 - 의존성 제거 (API_BASE_URL, getToken, clearAuthData 직접 구현) 2. login.js: - ES6 import 제거 - saveAuthData, clearAuthData 직접 구현 - window.login 함수 사용 3. index.html: - type="module" 제거 - 스크립트 로딩 순서 최적화 (api-config.js → api-helper.js → login.js) ✅ 개선 효과: - SyntaxError: Importing binding name 'API_BASE_URL' is not found 해결 - 모든 브라우저에서 로그인 기능 정상 작동 - 깔끔하고 집중된 로그인 UI - 안정적인 스크립트 로딩 🎯 사용자 경험: - 불필요한 요소 제거로 집중도 향상 - 빠른 로딩 속도 - 오류 없는 안정적인 로그인 테스트: http://localhost:20000/
29 lines
1.0 KiB
HTML
29 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>(주)테크니컬코리아 생산팀 포털</title>
|
|
<link rel="stylesheet" href="css/login.css" />
|
|
<link rel="icon" type="image/png" href="img/favicon.png">
|
|
</head>
|
|
<body>
|
|
<div class="login-container">
|
|
<img src="img/logo.png" alt="테크니컬코리아 로고" class="logo" />
|
|
<h1>(주)테크니컬코리아</h1>
|
|
<h3>생산팀 포털 로그인</h3>
|
|
<form id="loginForm">
|
|
<input type="text" id="username" placeholder="아이디" required autocomplete="username" />
|
|
<input type="password" id="password" placeholder="비밀번호" required autocomplete="current-password" />
|
|
<button type="submit">로그인</button>
|
|
</form>
|
|
<div id="error" class="error-message"></div>
|
|
|
|
</div>
|
|
|
|
<!-- 스크립트 로딩 (순서 중요) -->
|
|
<script src="js/api-config.js"></script>
|
|
<script src="js/api-helper.js"></script>
|
|
<script src="js/login.js"></script>
|
|
</body>
|
|
</html> |