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

fix: 관리 페이지 네비게이션 구조 표준화

Browse Source 
- 모든 관리 페이지에서 navbar-container를 work-report-container 내부로 이동
- design-system.css 임포트 추가하여 일관된 navbar 스타일 적용
- daily-work-report.html의 원래 구조를 표준으로 채택

변경된 파일:
- web-ui/pages/management/code-management.html
- web-ui/pages/management/project-management.html
- web-ui/pages/management/work-management.html
- web-ui/pages/management/worker-management.html

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-01-20 08:48:35 +09:00
parent 4ac0605887
commit 8a5480177b
5 changed files with 68 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web-ui/pages/management/code-management.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>코드 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/design-system.css">
<link rel="stylesheet" href="/css/common.css?v=2">
<link rel="stylesheet" href="/css/project-management.css?v=4">
<link rel="icon" type="image/png" href="/img/favicon.png">
@@ -11,10 +12,10 @@
<script type="module" src="/js/api-config.js?v=3"></script>
</head>
<body>
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<div class="work-report-container">
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<!-- 메인 콘텐츠 -->
<main class="work-report-main">
<!-- 뒤로가기 버튼 -->

7
web-ui/pages/management/project-management.html
View File

@@ -4,16 +4,17 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>프로젝트 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/design-system.css">
<link rel="stylesheet" href="/css/common.css?v=2">
<link rel="stylesheet" href="/css/project-management.css?v=4">
<link rel="icon" type="image/png" href="/img/favicon.png">
<script src="/js/auth-check.js" defer></script>
</head>
<body>
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<div class="work-report-container">
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<!-- 메인 콘텐츠 -->
<main class="work-report-main">
<!-- 뒤로가기 버튼 -->

7
web-ui/pages/management/work-management.html
View File

@@ -4,16 +4,17 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>작업 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/design-system.css">
<link rel="stylesheet" href="/css/common.css?v=2">
<link rel="stylesheet" href="/css/work-management.css?v=2">
<link rel="icon" type="image/png" href="/img/favicon.png">
<script src="/js/auth-check.js" defer></script>
</head>
<body>
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<div class="work-report-container">
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<!-- 메인 콘텐츠 -->
<main class="work-report-main">
<!-- 뒤로가기 버튼 -->

7
web-ui/pages/management/worker-management.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>작업자 관리 | (주)테크니컬코리아</title>
<link rel="stylesheet" href="/css/design-system.css">
<link rel="stylesheet" href="/css/common.css?v=2">
<link rel="stylesheet" href="/css/project-management.css?v=3">
<link rel="icon" type="image/png" href="/img/favicon.png">
@@ -11,10 +12,10 @@
<script type="module" src="/js/api-config.js?v=3"></script>
</head>
<body>
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<div class="work-report-container">
<!-- 네비게이션 바 -->
<div id="navbar-container"></div>
<!-- 메인 콘텐츠 -->
<main class="work-report-main">
<!-- 뒤로가기 버튼 -->

52
개발 log/2026-01-20.md
View File

@@ -178,3 +178,55 @@
- [ ] 반응형 디자인 (모바일/태블릿) 확인
---
### 오후 - 네비게이션 구조 수정 (navbar-container 방식으로 통일)
- **작업**: 수정 및 복원
- **배경**:
- 오전에 진행한 변경사항 중 일부가 잘못된 접근이었음
- `daily-work-report.html`에 직접 header를 삽입한 것이 문제
- 올바른 방식: navbar-container를 통한 컴포넌트 방식
- **문제점**:
- `daily-work-report.html`은 참조 페이지로 변경하지 말았어야 함
- 다른 페이지들이 이 페이지의 구조를 따라야 했음
#### 수정 내용
1. **daily-work-report.html 복원**:
- 직접 삽입한 `<header class="dashboard-header">` 블록 제거
- 원래의 `<div id="navbar-container"></div>` 방식으로 복원
- 불필요하게 추가한 CSS/JS 임포트 제거
2. **관리 페이지들 구조 수정** (4개 파일):
- `web-ui/pages/management/code-management.html`
- `web-ui/pages/management/project-management.html`
- `web-ui/pages/management/work-management.html`
- `web-ui/pages/management/worker-management.html`
**변경사항**:
- `design-system.css` 임포트 추가 (navbar 스타일에 필요)
- `navbar-container`를 `work-report-container` 내부로 이동
```html
<!-- 이전 -->
<body>
<div id="navbar-container"></div>
<div class="work-report-container">
<main class="work-report-main">
<!-- 이후 -->
<body>
<div class="work-report-container">
<div id="navbar-container"></div>
<main class="work-report-main">
```
#### 최종 결과
- ✅ 모든 페이지가 동일한 navbar-container 컴포넌트 방식 사용
- ✅ daily-work-report.html이 원래 구조로 복원됨
- ✅ 관리 페이지들의 구조가 표준에 맞게 수정됨
- ✅ design-system.css가 모든 페이지에 로드되어 일관된 스타일 적용
#### 변경된 파일
- **복원**: `web-ui/pages/common/daily-work-report.html` (git diff 없음 - 완전 복원)
- **수정**: 4개 관리 페이지 (각 7줄 변경)
---