hyungi/TK-FB-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 전체 페이지 이모지 제거 및 사이드바 레이아웃 수정

Browse Source 
- 모든 페이지에서 이모지 제거 (CODING_GUIDE 준수)
  - admin/ (9개), safety/ (7개), work/ (4개)
  - attendance/ (8개), profile/ (2개)
- 사이드바 CSS에 누락된 컨테이너 클래스 추가
  - work-report-container, analysis-container, dashboard-main
  - 사이드바 토글 시 메인 콘텐츠 정상 반응하도록 수정

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-02-02 15:09:37 +09:00
parent 09b3cf8e65
commit 4b158de1eb
31 changed files with 298 additions and 946 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web-ui/pages/profile/info.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>👤 내 프로필 | (주)테크니컬코리아</title>
<title>내 프로필 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/main-layout.css">
<script src="/js/auth-check.js" defer></script>
@@ -208,7 +208,7 @@
<div class="profile-page">
<div class="profile-header">
<div class="profile-avatar" id="profileAvatar">👤</div>
<div class="profile-avatar" id="profileAvatar"></div>
<h1 class="profile-name" id="profileName">사용자</h1>
<p class="profile-role" id="profileRole">역할</p>
</div>
@@ -216,10 +216,7 @@
<div class="profile-cards">
<!-- 기본 정보 -->
<div class="profile-card">
<h2 class="card-title">
<span>📋</span>
<span>기본 정보</span>
</h2>
<h2 class="card-title">기본 정보</h2>
<div class="info-grid">
<div class="info-item">
<span class="info-label">사용자 ID</span>
@@ -250,10 +247,7 @@
<!-- 활동 정보 -->
<div class="profile-card">
<h2 class="card-title">
<span>📊</span>
<span>활동 정보</span>
</h2>
<h2 class="card-title">활동 정보</h2>
<div class="info-grid">
<div class="info-item">
<span class="info-label">마지막 로그인</span>
@@ -284,22 +278,16 @@
<!-- 빠른 작업 -->
<div class="profile-card">
<h2 class="card-title">
<span>⚡</span>
<span>빠른 작업</span>
</h2>
<h2 class="card-title">빠른 작업</h2>
<div class="action-buttons">
<a href="/pages/profile/change-password.html" class="action-btn btn-warning">
<span>🔐</span>
<span>비밀번호 변경</span>
<a href="/pages/profile/password.html" class="action-btn btn-warning">
비밀번호 변경
</a>
<button class="action-btn btn-secondary" disabled>
<span>✏️</span>
<span>프로필 수정 (준비중)</span>
프로필 수정 (준비중)
</button>
<button class="action-btn btn-secondary" disabled>
<span>⚙️</span>
<span>설정 (준비중)</span>
설정 (준비중)
</button>
<a href="javascript:history.back()" class="action-btn btn-secondary">
<span>←</span>

64
web-ui/pages/profile/password.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🔐 비밀번호 변경 | (주)테크니컬코리아</title>
<title>비밀번호 변경 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/main-layout.css">
<script src="/js/auth-check.js" defer></script>
@@ -276,16 +276,13 @@
<div class="password-page">
<div class="page-title">
<h1>🔐 비밀번호 변경</h1>
<h1>비밀번호 변경</h1>
<p>계정 보안을 위해 정기적으로 비밀번호를 변경해주세요</p>
</div>
<div class="password-card">
<div class="card-header">
<h2>
<span>🔑</span>
<span>새 비밀번호 설정</span>
</h2>
<h2>새 비밀번호 설정</h2>
</div>
<div class="card-body">
@@ -294,10 +291,7 @@
<!-- 안내 정보 -->
<div class="info-box">
<h4>
<span>ℹ️</span>
<span>비밀번호 요구사항</span>
</h4>
<h4>비밀번호 요구사항</h4>
<ul>
<li>최소 6자 이상 입력해주세요</li>
<li>영문 대/소문자, 숫자, 특수문자를 조합하면 더 안전합니다</li>
@@ -309,64 +303,54 @@
<!-- 비밀번호 변경 폼 -->
<form id="changePasswordForm" class="password-form">
<div class="form-group">
<label for="currentPassword">
<span>🔓</span>
<span>현재 비밀번호</span>
</label>
<label for="currentPassword">현재 비밀번호</label>
<div class="input-wrapper">
<input
type="password"
id="currentPassword"
<input
type="password"
id="currentPassword"
class="form-control"
placeholder="현재 비밀번호를 입력하세요"
required
placeholder="현재 비밀번호를 입력하세요"
required
autocomplete="current-password"
/>
<button type="button" class="password-toggle" data-target="currentPassword">👁️</button>
<button type="button" class="password-toggle" data-target="currentPassword">보기</button>
</div>
</div>
<div class="form-group">
<label for="newPassword">
<span>🔐</span>
<span>새 비밀번호</span>
</label>
<label for="newPassword">새 비밀번호</label>
<div class="input-wrapper">
<input
type="password"
id="newPassword"
<input
type="password"
id="newPassword"
class="form-control"
placeholder="새 비밀번호를 입력하세요"
placeholder="새 비밀번호를 입력하세요"
required
autocomplete="new-password"
/>
<button type="button" class="password-toggle" data-target="newPassword">👁️</button>
<button type="button" class="password-toggle" data-target="newPassword">보기</button>
</div>
<div id="passwordStrength"></div>
</div>
<div class="form-group">
<label for="confirmPassword">
<span>✅</span>
<span>새 비밀번호 확인</span>
</label>
<label for="confirmPassword">새 비밀번호 확인</label>
<div class="input-wrapper">
<input
type="password"
id="confirmPassword"
<input
type="password"
id="confirmPassword"
class="form-control"
placeholder="새 비밀번호를 다시 입력하세요"
placeholder="새 비밀번호를 다시 입력하세요"
required
autocomplete="new-password"
/>
<button type="button" class="password-toggle" data-target="confirmPassword">👁️</button>
<button type="button" class="password-toggle" data-target="confirmPassword">보기</button>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary" id="submitBtn">
<span>🔑</span>
<span>비밀번호 변경</span>
비밀번호 변경
</button>
<button type="button" class="btn btn-secondary" id="resetBtn">
초기화