0ec099b493
## 주요 변경사항 ### 1. Design System 색상 업데이트 - 하늘색 계열 primary 색상으로 변경 (#0ea5e9, #38bdf8, #7dd3fc) - CSS 변수 추가: --header-gradient ### 2. Navbar 컴포넌트 표준화 - 50개 이상의 하드코딩 값을 CSS 변수로 변경 - 모든 페이지에서 동일한 헤더 스타일 적용 ### 3. 중복 코드 제거 (102줄) - dashboard.html: 50줄 → 2줄 (navbar 컴포넌트로 교체) - work/report-view.html: 54줄 → 2줄 (navbar 컴포넌트로 교체) - modern-dashboard.css: 중복 헤더 스타일 제거 - project-management.css: 중복 헤더 스타일 제거 ### 4. 표준 레이아웃 템플릿 생성 - dashboard-layout.html (대시보드용) - work-layout.html (작업 페이지용) - admin-layout.html (관리자 페이지용) - simple-layout.html (프로필/설정용) - templates/README.md (사용 가이드) ### 5. 누락된 design-system.css 추가 - work/report-view.html - work/analysis.html - admin/accounts.html ### 6. ES6 Module 문법 수정 - load-navbar.js: type="module" 추가 - modern-dashboard.js: navbar 엘리먼트 안전 처리 ## 문서 업데이트 - CODING_GUIDE.md: 표준 컴포넌트 사용법 추가 - 개발 log/2026-01-20-ui-standardization-phase1.md: 상세 작업 로그 ## 영향 - 수정: 10개 파일 - 신규: 6개 파일 (템플릿 5개 + 로그 1개) - 코드 감소: -102줄 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
TK-FB-Project 개발 문서
📚 문서 구조
이 디렉토리는 TK-FB-Project의 개발 및 유지보수를 위한 종합 문서 저장소입니다.
디렉토리 구조
docs/
├── README.md # 이 파일 - 문서 인덱스
├── architecture/ # 아키텍처 관련 문서
│ ├── OVERVIEW.md # 시스템 아키텍처 개요
│ ├── DATABASE.md # 데이터베이스 스키마 및 설계
│ └── API_DESIGN.md # API 설계 원칙
├── refactoring/ # 리팩토링 관련 문서
│ ├── PLAN.md # 리팩토링 계획 및 로드맵
│ ├── LOG.md # 리팩토링 작업 로그
│ └── ANALYSIS.md # 코드 분석 리포트
├── guides/ # 개발 가이드
│ ├── SETUP.md # 개발 환경 설정
│ ├── CODING_STYLE.md # 코딩 스타일 가이드
│ ├── GIT_WORKFLOW.md # Git 워크플로우
│ ├── SECURITY.md # 보안 가이드라인
│ └── TROUBLESHOOTING.md # 문제 해결 가이드
└── api/ # API 문서
├── ENDPOINTS.md # API 엔드포인트 목록
├── AUTHENTICATION.md # 인증 및 권한
└── EXAMPLES.md # API 사용 예제
📖 주요 문서
시작하기
- 개발 환경 설정 - 프로젝트 설정 및 실행 방법
- 시스템 아키텍처 - 전체 시스템 구조 이해
- 코딩 스타일 가이드 - 코드 작성 규칙
개발
- API 문서 - REST API 엔드포인트 레퍼런스
- 데이터베이스 스키마 - DB 구조 및 관계
- 문제 해결 - 자주 발생하는 문제 해결법
리팩토링
🔄 문서 업데이트 규칙
- 리팩토링 시: 변경 사항을
refactoring/LOG.md에 기록 - API 변경 시:
api/ENDPOINTS.md업데이트 - 아키텍처 변경 시: 관련 다이어그램 및 문서 갱신
- 새로운 기능 추가 시: 해당 가이드 문서 작성
📝 문서 작성 가이드
문서 작성 원칙
- 명확성: 기술 용어는 쉽게 설명
- 최신성: 코드 변경 시 즉시 업데이트
- 완결성: 독립적으로 이해 가능하도록 작성
- 예제 포함: 코드 예제와 스크린샷 활용
마크다운 스타일
# H1: 문서 제목 (한 문서에 한 개만)
## H2: 주요 섹션
### H3: 하위 섹션
- 리스트 사용
- 코드 블록 활용
- 테이블로 정보 정리
🔗 외부 리소스
📅 문서 이력
| 날짜 | 버전 | 변경 내용 | 작성자 |
|---|---|---|---|
| 2025-12-11 | 1.0 | 문서 구조 초기 생성 | Claude Code |
📧 문의
문서 관련 질문이나 개선 제안은 프로젝트 관리자에게 문의하세요.